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.
A SharedAxisZ text animation component for SmoothUI.
A ShimmerSweep text animation component for SmoothUI.
A ShineText light-sweep text animation component for SmoothUI.
A ShortSlideDown text animation component for SmoothUI.
A ShortSlideRight text animation component for SmoothUI.
A beautiful animated orb component inspired by Siri's visual design.
Animated skeleton loading placeholders
A polished button component with gradient variants and press animation
SmoothUI Blue theme: smooth neutral scale with a blue accent, light and dark mode included.
SmoothUI Candy theme: smooth neutral scale with a candy accent, light and dark mode included.
SmoothUI Green theme: smooth neutral scale with a green accent, light and dark mode included.
SmoothUI Indigo theme: smooth neutral scale with a indigo accent, light and dark mode included.
SmoothUI Orange theme: smooth neutral scale with a orange accent, light and dark mode included.
SmoothUI Red theme: smooth neutral scale with a red accent, light and dark mode included.
Teaches AI coding assistants how to install SmoothUI components, blocks, and themes, and how to follow SmoothUI animation conventions.
A SocialSelector component for SmoothUI.
A SoftBlurIn text animation component for SmoothUI.
A SpringScaleIn text animation component for SmoothUI.
A StaggerFromCenter text animation component for SmoothUI.
A StaggerFromEdges text animation component for SmoothUI.
Grid stats section block with hover effects
Cards stats section block with icons and trends
A SwitchboardCard component with light grid illustration for SmoothUI.
Grid team section block with hover effects
Carousel team section block with auto-play
Simple testimonials block with auto-rotating cards
Grid testimonials block with navigation arrows
Star testimonials block with grid layout
A TopDownLetters text animation component for SmoothUI.
A beautiful tweet card component for displaying Twitter/X posts.
A TypewriterText component for SmoothUI.
A UserAccountAvatar component for SmoothUI.
A wavy perimeter circle reveal inspired by the Codrops circle warping step.
A WaveText component for SmoothUI.