Skip to content

Library Templates Docs Pricing

Search the library/

Menu

Library Templates Docs Pricing

Categories

UI components Page sections Backgrounds & effects Animations & interactions Cards & data visualization Navigation & menus Forms & inputs Checkout & payments 3D & creative Templates & layouts

Loading the library…

Start with a component.Or ask your agent to pick one.

Explore the library Connect your agent

An independent library of interfaces, made to be used.

React components, sections and effects with live previews, full source, and an MCP server for your coding agent.

Library

Components
Sections
Backgrounds
Motion
Data
Navigation

More

Forms
Checkout
3D
Templates
Free components

Build

Documentation
CLI
MCP server
Catalog API
llms.txt

Sundae

Pricing
License
Terms
Privacy
hello@sundaeui.dev

sundae

© 2026 Sundae UITerms Privacy License

The library5 of 302

Animations & interactions

Text effects, reveals and micro-interactions. Each uses CSS or a small requestAnimationFrame loop, with no animation library to install.

Search

All³⁰² Components¹⁰⁸ Sections⁸ Backgrounds⁴ Motion⁵ Data⁴⁶ Navigation¹⁸ Forms⁸⁷ Checkout²¹ 3D⁴ Templates¹

Sort by

Sort by

All motion Text effects3 Buttons1 AI & agents1

S—005Split-Flap DisplayA mechanical departure-board display. Every character flips through the alphabet to its target.A mechanical departure-board display. Every character flips through the alphabet to its target.Motion · Brutalistpro
S—009Decode TextText that resolves out of glyph noise, left to right, without any layout shift.Text that resolves out of glyph noise, left to right, without any layout shift.Motion · Futuristicfree
S—040Word MorphRotating words in a headline. Letters blur in with a stagger and the slot animates its width so nothing jumps.Rotating words in a headline. Letters blur in with a stagger and the slot animates its width so nothing jumps.Motion · Expressivepro
S—041Magnetic ButtonA call-to-action that leans toward the cursor, with a parallax label and a springy return.A call-to-action that leans toward the cursor, with a parallax label and a springy return.Motion · Playfulpro
S—053Thinking ShimmerThe gap between prompt and answer: a shimmering "Thinking" that folds into "Thought for 3s" as the reply streams in.The gap between prompt and answer: a shimmering "Thinking" that folds into "Thought for 3s" as the reply streams in.Motion · Understatedpro