Updated: Animated Content
By Steven Van ·
The React Bits scroll wrapper adds blur, rotate, 3D tilt and soft wipe reveals, plus staggered lists, scroll-linked progress and a mount trigger.
The React Bits Animated Content wrapper has been updated with new reveal styles and more control over when animations run.
New reveal effects
Animated Content now supports blur-in, rotate, 3D tilt and soft wipe reveals. The wrapper reveals its content on scroll, and the page also lists slides and staggered children among its effects.
Lists, grids and triggers
- Staggered children for lists and grids
- Scroll-linked progress
- Replay on scroll
- A mount trigger
Installation
The component can be added with npx shadcn@latest add @react-bits/AnimatedContent-TS-TW. That command installs the TypeScript and Tailwind version. JavaScript and plain CSS variants are also offered.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →