toasts
Toast stack with depth
Notifications pile on top of each other and the index drives three channels at once: each layer back drops 7px, scales to 0.965 and loses 0.18 of opacity. The container is only as tall as the front card plus the tail, so the stack never pushes the page around.
See it live and copy its promptWhat you can adjust
- Card background
- Base ink
- Card height
- Drop per layer
- Shrink per layer
- Fade per layer
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
