Screen Shuffle
A stack of product screenshots that rotates the front screen to the back, for SaaS and fintech landing page heroes.
Screen Shuffle
A stack of product screenshots that rotates the front screen to the back, for SaaS and fintech landing page heroes.
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.
Props · 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.