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

• APopover Formcult-uilive (upstream)
  press · state — mediumdrop-inTrustworthyPlayfulRefined

  motion · medium cost · ignores reduced motion

  Button that morphs into a small inline form (feedback, waitlist). Text uses tokens but surfaces are bg-white / dark:bg-[#121212] plus blue accents — swap to bg-popover.

  $npx shadcn@latest add @cult-ui/popover-form

  Gallery pageOpen live demo

  Pick PassAdd to shortlist
• BMorphing Dialogmotion-primitiveslive (upstream)
  press · state — mediumdrop-inTechnicalRefinedMinimal

  motion · medium cost · ignores reduced motion

  Card that morphs into a dialog (shared layout) — the signature motion-primitives piece for galleries/case studies. Only the backdrop has colour (white/black 40%); you style the card with tokens.

  $npx shadcn@latest add @motion-primitives/morphing-dialog

  Gallery pageOpen live demo

  Pick PassAdd to shortlist

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

Compare: https://www.owencoonahan.xyz/design-infra/compare?ids=cult-ui/popover-form,motion-primitives/morphing-dialog&label=Dialog+vs+similar