Compare 2 options

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
• BFeatures · Listoclive

  Platform

  Everything between git push and production

  Opinionated defaults, escape hatches everywhere.

  • Preview URLs

    Every pull request gets its own deployment and a comment with the link.

  • Edge functions

    Run code in 30+ regions with cold starts under 50ms.

  • Secrets

    Encrypted env vars scoped per environment and branch.

  • Observability

    Logs, traces and Web Vitals without a third-party agent.

  • Workflows

    Cron jobs and queues defined next to your code.

  • SSO & audit

    SAML, SCIM and a tamper-proof audit log on Enterprise.

  drop-inCalmMinimalTrustworthy

  Icon + title + text feature rows in a 2- or 3-column grid, or heading-left/list-right with columns={1}. Calmer alternative to feature-bento.

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

  Gallery pageOpen live demo

  Pick PassAdd to shortlist

From design-infra compare:
(no picks yet)

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=oc/feature-bento,oc/feature-list&theme=brutalist-mono