1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. ecomcn
  3. Product Quick View

Product Quick View

block

Quick view with a shared-element morph: the card image grows into the dialog and shrinks back on close. Motion's layoutId drives the morph, a native <dialog> does the modal work, focus returns to the trigger, and reduced-motion users get no movement. The one ecomcn block that depends on motion — opt-in.

pnpm dlx shadcn@latest add "https://ecomcn.vercel.app/r/product-quick-view.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore
  • motion
  • lucide-react
  • button
components/ecomcn/product-quick-view.tsx