Introduction

SMI-UI is a beautiful, animated component library built with React, Tailwind CSS, and Framer Motion.

What is SMI-UI?

SMI-UI provides a collection of reusable components that you can copy and paste into your apps. It's not a traditional component library - you own the code and can customize it however you want.

Features

  • 22+ Components - UI primitives, app blocks, and stunning effects
  • Accessible - Built with accessibility in mind, keyboard navigation included
  • Animated - Smooth animations with Framer Motion, respects reduced motion
  • TypeScript - 100% TypeScript with full type safety
  • Dark Mode - Beautiful dark mode support out of the box
  • Customizable - Built with Tailwind CSS, easy to customize

Quick Start

Get started by installing the CLI and adding your first component.

Go to Installation