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

Design systemdark only

ABeam cardoclive
Writing…Generating pricing section
The one live thing on screen gets the beam.
Everything else stays calm.
loop — mediumdrop-inFuturisticPlayful
css · low cost · respects reduced motion
♥ The user explicitly asked to keep Beam Card in the homepage examples while replacing the underwhelming loader. Retain its subtle beam emphasis.
$npx shadcn@latest add @design-infra/beam-card
Gallery page Open live demo
BTool Chipsbeautifuilive (upstream)
enter · hover — subtledrop-inTechnicalCalmRefined
css · low cost · respects reduced motion
Compact chips for tool calls an agent made. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
$npx shadcn@latest add @beautifui/tool-chips
Gallery page Open live demo Docs
CAi Approvalsmoothuiimage
No preview yetOpen live demo ↗
state · press — subtledrop-inRefinedTechnical
motion · medium cost · respects reduced motion
Human-in-the-loop approval card: the chosen option expands to fill the card and the alternatives collapse away, so the decision reads as final; destructive options get bg-destructive/10. All shadcn tokens (bg-background, border-border, text-muted-foreground) and useReducedMotion throughout — the free, theme-aware alternative to beautifui/approval-card (no foundation.css --accent clash). Pass resolvedId when replaying a transcript.
$npx shadcn@latest add @smoothui/ai-approval
Gallery page Open live demo

Feedback for your agent

Pick or pass on each option (add a reason if you like), then paste this back into your agent's chat.

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

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=oc/beam-card,beautifui/tool-chips,smoothui/ai-approval&theme=linear-dark&label=Questionnaire+vs+similar