# Animate UI

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

- Owner: [Elliot Sutton](https://21st.dev/@skyleen77)
- Components: 32
- Website: https://animate-ui.com
- GitHub: https://github.com/Skyleen77/animate-ui
- Live page: https://21st.dev/@skyleen77/library/animate-ui

## Components

All 32 of them:

- [Animated Tabs](https://21st.dev/@skyleen77/components/animated-tabs.md)
- [Avatar Group](https://21st.dev/@skyleen77/components/avatar-group.md)
- [Base Collapsible](https://21st.dev/@skyleen77/components/base-collapsible.md)
- [Bubble Background](https://21st.dev/@skyleen77/components/components-backgrounds-bubble.md)
- [Button](https://21st.dev/@skyleen77/components/components-buttons-button.md)
- [Clock 5 Icon](https://21st.dev/@skyleen77/components/icons-clock-5.md)
- [Code Block](https://21st.dev/@skyleen77/components/primitives-animate-code-block.md)
- [Cursor](https://21st.dev/@skyleen77/components/cursor.md)
- [Flip Button](https://21st.dev/@skyleen77/components/flip-button.md)
- [Flip Card](https://21st.dev/@skyleen77/components/flip-card.md)
- [Headless Dialog](https://21st.dev/@skyleen77/components/primitives-headless-dialog.md)
- [Headless Switch](https://21st.dev/@skyleen77/components/components-headless-switch.md)
- [Headless Tabs](https://21st.dev/@skyleen77/components/headless-tabs.md)
- [Liquid Button](https://21st.dev/@skyleen77/components/components-buttons-liquid.md)
- [Log Out Icon](https://21st.dev/@skyleen77/components/icons-log-out.md)
- [Maximize Icon](https://21st.dev/@skyleen77/components/icons-maximize.md)
- [Menu Icon](https://21st.dev/@skyleen77/components/icons-menu.md)
- [Message Circle Code Icon](https://21st.dev/@skyleen77/components/icons-message-circle-code.md)
- [Message Circle Heart Icon](https://21st.dev/@skyleen77/components/icons-message-circle-heart.md)
- [Message Circle More Icon](https://21st.dev/@skyleen77/components/message-circle-more.md)
- [Message Circle Off Icon](https://21st.dev/@skyleen77/components/icons-message-circle-off.md)
- [Message Square Dashed Icon](https://21st.dev/@skyleen77/components/icons-message-square-dashed.md)
- [Notification List](https://21st.dev/@skyleen77/components/components-community-notification-list.md)
- [Pin List](https://21st.dev/@skyleen77/components/pin-list.md)
- [Radix Accordion](https://21st.dev/@skyleen77/components/radix-accordion.md)
- [Radix Checkbox](https://21st.dev/@skyleen77/components/radix-checkbox.md)
- [Radix Collapsible](https://21st.dev/@skyleen77/components/radix-collapsible.md)
- [Radix Dropdown Menu](https://21st.dev/@skyleen77/components/radix-dropdown-menu.md)
- [Radix Switch](https://21st.dev/@skyleen77/components/radix-switch.md)
- [Scroll Progress](https://21st.dev/@skyleen77/components/scroll-progress.md)
- [Spring Element](https://21st.dev/@skyleen77/components/spring-element.md)
- [Stars Scrolling Wheel](https://21st.dev/@skyleen77/components/stars-scrolling-wheel.md)

Full component directory: https://21st.dev/llms.txt