scrollAreas
Browser with a header pinned to the scroll
File card with three layers of chrome: header and footer outside the scroll area, and a column row that travels INSIDE the scroller pinned to its top, translucent and blurred, so rows pass underneath it rather than colliding with it. The scrollbar is hidden without losing scrolling.
See it live and copy its promptWhat you can adjust
- Card background
- Chrome background
- Border color
- Secondary color
- Viewport height
- Blur
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.
