A centered header over one framed panel: a live product card on a gradient stage beside a column of controls. A radius slider, a size slider, a solid or glass surface switch and a price slider change the card in real time, and a reset button returns it to the defaults.
Files · 6
Dependencies
npm packages
clsx
tailwind-merge
lucide-react
Registry items
button
tooltip
Registry Items
feature327
Configuration
Name
feature327
Type
Block
Description
A centered header over one framed panel: a live product card on a gradient stage beside a column of controls. A radius slider, a size slider, a solid or glass surface switch and a price slider change the card in real time, and a reset button returns it to the defaults.