---
title: "Animation & effects"
description: "Create transitions, gesture effects, parallax, and expressive interface elements."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Choose by the job you need to do.">Use motion to explain state changes, and support people who prefer reduced motion.</PurposeNote>

## Choose a library or tool

9 options in this category.

<LibraryIndex category="animation" />

<LibraryCard libraryId="canvas-confetti" />

<LibraryCard libraryId="magic-ui" />

<LibraryCard libraryId="motion" />

<LibraryCard libraryId="react-bits" />

<LibraryCard libraryId="react-simple-animate" />

<LibraryCard libraryId="react-glow" />

<LibraryCard libraryId="react-magic-motion" />

<LibraryCard libraryId="scrollx-ui" />

<LibraryCard libraryId="simpleparallax" />

## Keep exploring

<CategoryGrid exclude="animation" group="Add interactions" limit={4} />

[Browse all categories →](/)