SmoothUI's answer

• 100% free and MIT-licensed — no tiers, no paywalled components, no sign-up
• Animation-first — every component is designed around motion, with easing and springs tuned by hand (not generic "easeInOut" strings) and built-in reduced-motion support
• shadcn/ui compatible — install with npx shadcn@latest add @smoothui/..., drop into any shadcn project, mix freely with shadcn/ui components
• You own the code — source lives in your repo, so you can restyle, refactor, or delete anything without fighting an external package
• Modern stack — React 19, Next.js 16, Tailwind CSS v4, Motion (Framer Motion), fully typed with TypeScript
• Educational — tutorials and docs explain how each animation works, not just how to paste it

SmoothUI's answer

Frontend developers, indie hackers, and design-minded engineers who build with React, Next.js, and Tailwind CSS — and who want their products to feel delightful without wiring up every animation from scratch. Especially teams already using shadcn/ui who want richer, motion-forward components to complement it, and solo builders shipping polished SaaS, marketing sites, and portfolios.

SmoothUI's answer

SmoothUI combines genuinely smooth, hand-tuned animations with a copy-paste, own-the-code model. Every component ships with thoughtfully calibrated easing curves and spring physics, built-in useReducedMotion support for accessibility, and a shadcn-compatible registry — so installing a component is a single npx shadcn@latest add command. Unlike black-box animation libraries, the source lives directly in your project, giving you full freedom to restyle, refactor, or compose components with your design system.

SmoothUI's answer

SmoothUI started as a personal learning project: I wanted to really understand how beautiful animations on the web worked, so I started rebuilding the motion details I admired most. What began as a few animated experiments turned into a growing collection of reusable React components, and eventually into a public library for other developers. Over time it pivoted into a shadcn-style, copy-paste registry paired with educational tutorials — so people can not only drop animations into their projects, but also learn the craft behind them.

SmoothUI's answer

• React 19 and Next.js 16 (App Router, Turbopack) for the docs site and components
• TypeScript end-to-end
• Tailwind CSS v4 for styling and theming
• Motion (Framer Motion) v12 for animations and transitions
• shadcn/ui as the base component model and registry format
• Turborepo + pnpm workspaces to manage the monorepo (docs, showcase, component packages)
• Fumadocs for the documentation site and MDX content
• Ultracite (Biome-based) for linting and formatting