Component

Animate

Add entrance animations to elements with customizable timing.

tsx
import { Animate, Stagger } from 'wss3-forge'

Usage

•

Use for entrance animations

•

Stagger for lists and grids

•

Available: fadeIn, slideInUp, slideInDown, scaleIn

•

Delay in milliseconds

Fade In
Slide Up
Scale In

Examples

Animate Types

Fade In
Slide Up
Scale In
tsx
1<Animate type="fadeIn"><Card>Fade In</Card></Animate>
2<Animate type="slideInUp"><Card>Slide Up</Card></Animate>
3<Animate type="scaleIn"><Card>Scale In</Card></Animate>

Previous

Affix

Next

Countdown

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.