E
ecomcn

Product Quick View · ecomcn

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.

npx shadcn@latest add @ecomcn/product-quick-view
Loading the source for product-quick-view…

product-quick-view