Inputs/Add Product Wizard Modal

Add Product Wizard Modal

New

A 4-step product-creation modal with drafts, drag-drop image upload, toggle settings, and an animated success screen.

Install

Add it with the shadcn CLI, or copy the source manually.

$ bunx --bun shadcn add https://foundations.cuedesign.space/r/add-product-wizard-modal.json

A pixel-perfect design-tool settings panel with scrub sliders, a color picker, form menu, and mirror switch for configuring outline shapes.

A four-step onboarding card that collects shopper preferences and ends in a personalised, scored product edit with wishlist and bag.

A time-duration input that fuses into a single capsule in view mode and splits into editable rounded pills with a pencil-to-check icon crossfade.

Contributed by Alok

Updated Oct 3, 2026