SmoothUI

smoothui.dev_(desktop).png
By SmoothUI

A modern collection of animated UI components for React developers, featuring smooth transitions and interactive elements.

Features

Built-in animations powered by Motion

Modern React patterns with Server Components and TypeScript

Dark mode support out of the box

Compatible with shadcn/ui ecosystem

Highly customizable through Tailwind CSS v4

About this template

SmoothUI is a comprehensive library of animated React components designed for developers who want to add polished, interactive elements to their web projects. Built with React, Tailwind CSS v4, and Motion, it provides ready-to-use UI blocks that combine beautiful design with smooth animations right out of the box.

The library focuses on developer experience while delivering exceptional user interactions, featuring components like hover-to-scramble usernames, clip corners, video players, and interactive cards. Each component is highly customizable through Tailwind classes and follows modern React patterns including Server Components and TypeScript.

What's Included

  • 15+ animated UI components (hover effects, cards, video players, tags)
  • Interactive elements with smooth transitions and animations
  • Compatible with shadcn/ui ecosystem
  • Dark mode support out of the box

Built For

Modern web applications, interactive landing pages, portfolios, and any project needing polished UI components with animations.

Subscribe to our newsletter

Get notified when we add new templates, components, and more!

Thanks for subscribing!
Please check your email to confirm your subscription.

WindyBase Make development a breeze

WindyBase is a weekly curated Tailwind CSS template and tool directory built for the modern developer.

© 2025 WindyBase. All rights reserved.