A collection of beautifully crafted motion components built with React, Framer Motion, and TailwindCSS. Designed to elevate microinteractions, each component focuses on smooth animations, subtle feedback, and delightful UX. Perfect for designers and developers who want to add refined motion to their interfaces — copy, paste, and make your UI come alive.
An animated Context Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.
Centered CTA block with radial glow background
Split layout CTA block with text and illustration
Compact banner CTA block
(No description)
An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.
FAQ grid block with categorized tabs and icons
FAQ accordion block with expandable questions
Searchable FAQ section with filter animations
Categorized FAQ section with tab navigation
Feature grid block with animated cards
Bento grid features block with asymmetric layout
Alternating features block with side-by-side layout
Simple footer block with links and social icons
Complex footer block with newsletter and extended links
Mega footer with newsletter and social links
Minimal single-row footer
A lightweight, composable Form component with animated error messages and full accessibility support.
Modern header block with navigation and mobile menu
Premium header block with gradient logo and smooth animations
Premium header block with gradient logo and smooth animations
Interactive 3D grid hero header inspired by rauno.me 2024
Spotlight hero block with dark theme and gradient text
Minimal hero block with clean typography
Shared animation constants (springs, easing curves, durations) for SmoothUI components
Simple logo cloud block with grid layout