Basic Components
Essential UI components with smooth animations built with TailwindCSS and Framer Motion.
Basic Toast
notificationalert
A versatile toast notification system with smooth animations for different alert types including success, error, warning, and info messages.
motion lucide-react
View ComponentBasic Dropdown
navigationmenu
An elegant dropdown menu with smooth animations, hover effects, and proper keyboard accessibility for enhanced user interaction.
Select a size
motion lucide-react
View ComponentBasic Modal
overlaymodal
A polished modal dialog with backdrop blur and dynamic entrance/exit animations that improves user experience for dialog interactions.
motion lucide-react usehooks-ts
View ComponentBasic Accordion
displayaccordion
An expandable accordion component with smooth animations that's perfect for organizing content into collapsible sections.
An accordion is a vertically stacked set of interactive headings that expand/collapse to reveal content. The animated version adds smooth transitions between states, improving user experience.
motion lucide-react
View ComponentAnimated Input
inputform
Animated Progress Bar
displayprogress
A progress bar with a smooth fill animation and optional label.
Progress: 40%
Custom Color
motion
View ComponentLooking for more?
Explore our other component groups for more UI elements.