Magic Bento vs similar

2 options side by side. Our @design-infra pieces render live under the design system you choose; upstream pieces show their live demo where the host allows embedding, otherwise a screenshot with a link to the real thing. Pick or pass, then copy the feedback for your agent.

• AMagic Bentoreact-bitslive (upstream)
  hover · cursor — expressivedrop-inExperimentalPlayful

  gsap · medium cost · ignores reduced motion

  Bento grid with spotlight, border glow, particles and tilt (GSAP). Hard-coded dark palette (#120F17 cards, #2F293A borders, text-white) — only for dark sites, or rework colours.

  $npx shadcn@latest add @react-bits/MagicBento-TS-TW

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• BBento Gridmagicuilive (upstream)
  hover — subtledrop-inRefinedMinimalPlayful

  css · low cost · ignores reduced motion

  Feature bento with icon + hover CTA. Hard-codes neutral-*/black alpha colours and needs @radix-ui/react-icons — prefer @oc/feature-bento, or swap to bg-card/text-muted-foreground.

  $npx shadcn@latest add @magicui/bento-grid

  Gallery pageOpen live demo

  Pick PassAdd to shortlist

From design-infra compare — Magic Bento vs similar:
(no picks yet)

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=react-bits/magic-bento,magicui/bento-grid&label=Magic+Bento+vs+similar