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.
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.
Grid stats section block with hover effects
Cards stats section block with icons and trends
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 wavy perimeter circle reveal inspired by the Codrops circle warping step.