A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
Demo showing a share button.
Extends the Dialog component to display content that complements the main content of the screen.
A shimmering text animation.
Demo showing an animated shimmering text.
An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).
Demo showing an animated shine.
Shrink icon component.
A composable, themeable and customizable sidebar component. Created by Shadcn and animated by Animate UI.
Signal high icon component.
Signal icon component.
Signal low icon component.
Signal medium icon component.
Signal zero icon component.
An effect that allows you to animate elements with a slide effect on first view or load.
Demo showing an animated slide.
Sliders horizontal icon component.
Sliders vertical icon component.
A sliding number animation.
Demo showing an animated sliding number.
Sparkle icon component.
Sparkles icon component.
A splitting text animation.
Demo showing an animated splitting text.
Demo showing an animated splitting text.
A flexible, animated spring component that attaches a draggable element to its origin with a spring line.
Square arrow out down left icon component.
Square arrow out down right icon component.
Square arrow out up left icon component.
Square arrow out up right icon component.
Square Dashed Kanban icon component.
Square Kanban icon component.
Square plus icon component.
Square x icon component.
Star icon component.
An interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.
Demo showing a stars background.
Sun dim icon component.
Sun icon component.
Sun medium icon component.
Sun moon icon component.
A control that indicates whether a setting is on or off.
Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.
A control that allows the user to toggle between checked and not checked.
Demo showing a switch.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
A component for toggling between related panels on the same page.
Easily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.
A set of layered sections of content—known as tab panels—that are displayed one at a time.