Bento Grid vs similar

3 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.

• ABento 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
• BBento Gridaceternitylive (upstream)
  hover — subtledrop-inRefinedPremiumFuturistic

  css · low cost · ignores reduced motion

  Simple bento layout. Colours are hard-coded neutral-200/white/black — prefer @oc/feature-bento for theme-aware tiles, or swap classes to bg-card/border.

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

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• CFeatures · Bentooclive

  Everything a new project needs

  Pick a design system, pull components, keep agents on-brand.

  Design systems

  DESIGN.md → tokens, fonts, type scale.

  Curated catalog

  ~1,000 components, ranked.

  Agent skills

  find-component, pick-design-system.

  Effects

  Spotlights, beams, orbs.

  Fast

  npx shadcn add @oc/…

  hover — subtledrop-inRefinedMinimal

  css · low cost · ignores reduced motion

  Theme-aware bento grid for feature sections. Tiles span 1, 2 or a full row; hover glow uses --primary.

  $npx shadcn@latest add @design-infra/feature-bento

  Gallery pageOpen live demo

  Pick PassAdd to shortlist

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

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=magicui/bento-grid,aceternity/bento-grid,oc/feature-bento&theme=linear-dark&label=Bento+Grid+vs+similar