Pixel-Perfect Shop Onboarding
NewA four-step onboarding card that collects shopper preferences and ends in a personalised, scored product edit with wishlist and bag.
Install
Add it with the shadcn CLI, or copy the source manually.
$ bunx --bun shadcn add https://foundations.cuedesign.space/r/pixel-perfect-shop-onboarding.json
Related components
Morphing Pill Duration EditorNew
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.
Expandable Share CardNew
A white 400px share card with a public/private toggle, animated grid-row invite panel, multi-email token input, and expanding shared-users list.
Expandable Book Search PaletteNew
An expandable search bar that reveals a filterable genre grid via a grid-rows accordion trick, styled with clean editorial typography.
Contributed by Alok
Updated Oct 2, 2026