Scroll Expand
A rounded media frame that grows to full bleed as it scrolls through the viewport.
Use Scroll Expand in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/ScrollExpand-TS-TWRelated components
- Dither Veil
A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.
- Fade Content
Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.
- Animated Content
Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.