Gradual Blur
Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.
Use Gradual Blur 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/GradualBlur-TS-TWRelated components
- Animated Content
Wrapper that animates its children in on scroll or mount, from any direction.
- Fade Content
Simple directional fade / slide entrance / exit wrapper with threshold-based activation.
- Halftone Reveal
A halftone print of an image whose dots swell into the real photo under the cursor.