HomeBookmarks
Animate UIAnimate UI
Animate UI

Animate UI

A library of animated React components built with Tailwind CSS and Motion, distributed as copy-paste code.

ESby Elliot Sutton
33components445.3Kviews1.4Kbookmarks

Animate UI contents

  • Topography Background

    Topography Background

  • Headless Switch

    Headless Switch

  • Flip Card

    Flip Card

  • ButtonButton

    Button

  • Liquid ButtonLiquid Button

    Liquid Button

  • Headless Tabs

    Headless Tabs

  • Radix Collapsible

    Radix Collapsible

  • Base Collapsible

    Base Collapsible

  • Headless Dialog

    Headless Dialog

  • Notification List

    Notification List

  • Code Block

    Code Block

  • Message Square Dashed Icon

    Message Square Dashed Icon

  • Menu Icon

    Menu Icon

  • Message Circle More Icon

    Message Circle More Icon

  • Message Circle Off Icon

    Message Circle Off Icon

  • Message Circle Heart Icon

    Message Circle Heart Icon

  • Maximize Icon

    Maximize Icon

  • Message Circle Code Icon

    Message Circle Code Icon

  • Clock 5 Icon

    Clock 5 Icon

  • Log Out Icon

    Log Out Icon

  • Bubble Background

    Bubble Background

  • Avatar GroupAvatar Group

    Avatar Group

  • Animated Tabs

    Animated Tabs

  • Stars Scrolling Wheel

    Stars Scrolling Wheel

    1. Components
    2. /
    3. Elliot Sutton
    4. /
    5. Animate UI

    Related libraries

    AnimateIcons / Lucide

    AnimateIcons / Lucide

    by Avijit Dey

    434

    components

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    ShadcnSpace

    ShadcnSpace

    by ShadcnSpace

    186

    components

    Shadcnblocks.com

    Shadcnblocks.com

    by Shadcnblocks.com

    29

    components

    About Animate UI

    Animate UI is a component library on 21st.dev by Elliot Sutton with 33 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

    All 33 Animate UI components

    • Animated Tabs
    • Avatar Group
    • Base Collapsible
    • Bubble Background
    • Button
    • Clock 5 Icon
    • Code Block
    • Cursor
    • Flip Button
    • Flip Card
    • Headless Dialog
    • Headless Switch

    Browse all component libraries →

  • Headless Tabs
  • Liquid Button
  • Log Out Icon
  • Maximize Icon
  • Menu Icon
  • Message Circle Code Icon
  • Message Circle Heart Icon
  • Message Circle More Icon
  • Message Circle Off Icon
  • Message Square Dashed Icon
  • Notification List
  • Pin List
  • Radix Accordion
  • Radix Checkbox
  • Radix Collapsible
  • Radix Dropdown Menu
  • Radix Switch
  • Scroll Progress
  • Spring Element
  • Stars Scrolling Wheel
  • Topography Background