Features · 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.

• AFeatures · 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
• 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

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

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=oc/feature-bento,aceternity/bento-grid&theme=soft-glass&label=Features+%C2%B7+Bento+vs+similar