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.
A ContributionGraph component for SmoothUI.
Centered CTA block with radial glow background
Split layout CTA block with text and illustration
Compact banner CTA block
A CursorFollow component for SmoothUI.
(No description)
A DepthParallaxWords text animation component for SmoothUI.
Animated Dialog and AlertDialog components for SmoothUI.
A DotMorphButton component for SmoothUI.
An animated Drawer component for SmoothUI that slides from any side.
An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.
A DynamicIsland component for SmoothUI.
A ExpandableCards component for SmoothUI.
iOS-style exposure slider with draggable ticker and progress ring
A FadeThrough text animation component for SmoothUI.
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
A FigmaComment component for SmoothUI.
A FocusBlurResolve text animation component for SmoothUI.
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.
A GitHubStarsAnimation component for SmoothUI.
A GlowHoverCards component for SmoothUI.
A GooeyPopover component for SmoothUI.
3x3 grid-based loading animation with preset patterns
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
A ImageMetadataPreview component for SmoothUI.
A InfiniteSlider component for SmoothUI.
A InteractiveImageSelector component for SmoothUI.
A JobListingComponent component for SmoothUI.
A KineticCenterBuild text animation component for SmoothUI.
Shared animation constants (springs, easing curves, durations) for SmoothUI components
A LineByLineSlide text animation component for SmoothUI.
Simple logo cloud block with grid layout