Sticker Stack Text
Transparent layered sticker-style type cards that fan open with springy Gen-Z poster energy and bold MelonUI color blocking.
Component Showcase
Sticker Stack Text
Transparent layered sticker-style type cards that fan open with springy Gen-Z poster energy and bold MelonUI color blocking.
Framer MotionTypographyStickersSpring
Interactive Playground
Adjust sliders and values to preview changes in real-time
topText
Top sticker label.
middleText
Middle sticker label.
bottomText
Bottom sticker label.
topColor
Top sticker color.
middleColor
Middle sticker color.
bottomColor
Bottom sticker color.
hint
Optional helper label shown under the sticker stack.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| topText | string | "LOUD" | Top sticker label. |
| middleText | string | "SOFT" | Middle sticker label. |
| bottomText | string | "TYPE" | Bottom sticker label. |
| topColor | string | "#ff5c71" | Top sticker color. |
| middleColor | string | "#f7f0d2" | Middle sticker color. |
| bottomColor | string | "#7fff5e" | Bottom sticker color. |
| hint | string | "Hover to fan" | Optional helper label shown under the sticker stack. |