# Updated: Animated Content

By Steven Van · 2026-10-12

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](<https://creatorstoolbox.com/resources/react-bits>) Animated Content wrapper has been [updated](<https://reactbits.dev/animations/animated-content>) 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/animations/animated-content>)

[Read Updated: Animated Content on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-animated-content>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-animated-content