Introduction Installation MCP

AI Toolkit

Modal Selector Ability Selector AI Suggestions Response Writer

Text Effects

Reveal Text Scramble Text Distort Text Squash Text Bouncing Text Draw Line Text Mouse Wave Text

Dot Animations

Dot Loader Dot Flow Flow Builder

Button Components

Text Fall Button Spring Button

Utility & Misc

Gradient Shadow

Github Star Counter Profile Peek Flip Reveal

Special Cases

Reveal on Scroll Stagger on Scroll Liquid Cursor Liquid Glass Tilt Card

Components Blocks Boilerplate

Search

Docs
Swap

Swap

A flexible swap component that animates content changes with smooth customizable transition effects.

Loading...

Installation

Examples

Headline

Loading...

Props

Swap

Prop	Type	Default
state	T	-
duration	number	0.4
effects	string[]	-

Previous

Spring Button

Next

Animated Stack

On this page

Headline

Swap

Contribute

Built by Denish. The source code is available on GitHub.