Animated Content
Wrapper that animates its children in on scroll or mount, from any direction.
Use Animated Content 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/AnimatedContent-TS-TWRelated components
- Electric Logo
Turns any logo into a living lightning outline, with arcs that leap off its edges.
- Fade Content
Simple directional fade / slide entrance / exit wrapper with threshold-based activation.
- Glare Hover
A glossy light streak that sweeps across any element in the direction the cursor moves.