Up and running in minutes.

Requirements

Installation

1. 01

   Install the package

   Add @codefast/ui and its peer dependencies to your project.

   pnpm add @codefast/ui

2. 02

   Import the CSS

   Add the design-system stylesheet to your global CSS. It ships neutral tokens, custom Tailwind variants, and animation utilities.

   @import "tailwindcss";
   @import "@codefast/ui/css/themes/neutral.css";
   @import "@codefast/ui/css/preset.css";

3. 03

   Use a component

   Import any component by its named sub-path. No barrel imports, no tree-shaking surprises.

   import { Button } from "@codefast/ui/button";
   
   export function MyPage() {
     return <Button variant="outline">Click me</Button>;
   }