Introduction CLI

Components

Cards Hover NEW Code Editor Counter Cursor NEW Install Tabs Scroll Progress Tabs

Radix UI / Shadcn UI

Accordion Checkbox Collapsible Dialog Hover Card Popover Progress Radio Group Switch Tabs Tooltip

Buttons

Flip Button Liquid Button Ripple Button

Text Animations

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

Backgrounds

Bubble Background Gradient Background Hexagon Background NEW Stars Background

Popover

Displays rich content in a portal, triggered by a button.

We take the Shadcn UI component and animate it with Motion.

Installation

Props

Docs API Reference

Credits

We use Radix UI for the popover component.
We take our inspiration from Shadcn UI for the popover style (to make it easier to replace a shadcn component with the animate ui component).

Hover Card

For sighted users to preview content available behind a link.

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

On this page

Installation Props Credits