SAEL

SAEL

Introduction CLI

MCP new Icons alpha

Components

Avatar Group Code Editor Code Tabs Counter Cursor Files Scroll Progress Spring Element new Tabs Tooltip

UI Elements

Management Bar User Presence Avatar new Playful Todolist new

Effects

Motion Effect Motion Highlight

Base UI

Accordion new Checkbox Popover Preview Card new Progress new Switch Toggle Group new Tooltip

Radix UI / Shadcn UI

Accordion Checkbox Collapsible Dialog Dropdown Menu Hover Card Popover Progress Radio Group Sheet Sidebar Switch Tabs Toggle Group Tooltip

Headless UI

Accordion Checkbox Dialog Disclosure Popover Switch Tabs

Buttons

Copy Button Flip Button GitHub Stars Button Icon Button Input Button Liquid Button Ripple Button

Text Animations

Counting Number Gradient Text Highlight Text Rolling Text Sliding Number Splitting Text new Typing Text Writing Text

Backgrounds

Bubble Background Fireworks Background Gradient Background Hexagon Background Hole Background Stars Background

MCP

How to use the Registry MCP with Animate UI.

Use the code below to configure the registry MCP in your IDE.

Manual Installation

Add dependencies to your project manually.

Icons alpha

Lucide Icons animated with Motion.