UI Components

Browse 40+ production-ready React components with smooth animations. Buttons, inputs, modals, cards, and more. Built with TypeScript, Framer Motion, and Tailwind CSS. Fully accessible and customizable.

Basic Information About Components

Install components using the CLI:

pnpm dlx smoothui@latest add animated-input

npx smoothui@latest add animated-input

yarn dlx smoothui@latest add animated-input

bunx smoothui@latest add animated-input

Usage

import { AnimatedInput, NumberFlow, WaveText } from "@repo/smoothui/components";

export function MyComponent() {
  return (
    <div>
      <AnimatedInput label="Email" placeholder="Enter your email" />
      <NumberFlow value={1234} />
      <WaveText>Hello World</WaveText>
    </div>
  );
}