---
title: "Animate an interaction"
description: "Create transitions, gesture effects, parallax, and expressive interface elements."
pagination: false
---

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

<PurposeNote title="Start with the tradeoff">Use motion to explain state changes, and support people who prefer reduced motion.</PurposeNote>

## Options for this task

<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" />

## Before you decide

Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.

[Browse animation &amp; effects →](/animation)

[Explore more tasks →](/tasks)