Motion
Components use CSS and the Web Animations API. For page animations and scroll reveals, import the optional motion package.
Entrance animation
Replay the entrance animation.
Choose what to import
CSS transitions need no motion package. Page animations use GSAP; scroll reveals use a separate import.
Component feedback
Hover, press, selection, disclosure, and brief loading transitions.
Page animations
Enter, exit, stagger, replay, and lifecycle cleanup.
Scroll reveals
Animate sections when they enter the viewport.
CSS transitions
Use shared timing tokens for hover and press feedback. Respect reduced-motion preferences.
Animate a group
Choose the elements to animate. Call revert() when the page unmounts to restore their original styles.
Reveal on scroll
Import scroll reveals separately. Keep reading content visible and avoid taking control of scrolling.