Beta
Screen Shuffle
Stacked screens where the front card arcs to the back on a timer or click — depth is scale + blur + dim. Feed it real product shots per slot.
Screen Shuffle
Stacked screens where the front card arcs to the back on a timer or click — depth is scale + blur + dim. Feed it real product shots per slot.
When to use it
A hero or feature slot that needs to show several screens without a carousel the reader has to operate. Depth by scale and blur keeps the front card the only thing competing for attention.
Install
Adds Screen Shuffle and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/screen-shuffle.jsonProps · ScreenShuffle
| Prop | Type | Default |
|---|---|---|
| screens? | ShuffleScreen[] | DEFAULT_SCREENS |
| stepMs? | number | 2600 |
| caption? | string | "click to shuffle" |
Generated from the component source. Run npm run props:extract after changing a signature.