Quick StartStorybookRegistry

Documentation

Components by Category

Core
Form
Layout
Special

Willow Design System

A comprehensive component library built with React, TypeScript, and Tailwind CSS. Each component is thoroughly documented with examples, props, and best practices.

21
Components
4
Categories
100%
TypeScript

Installation

Willow CLI (Recommended)

Install components with simple commands

Install globally:
npm install -g willow-cli
Add components:
willow add button
willow add card
willow list
The Willow CLI provides the easiest way to install and manage components with short, memorable commands.

CLI Commands

All available Willow CLI commands

CommandDescription
willow initInitialize Willow in your project
willow add <component>Install a specific component
willow listList all available components
willow --helpShow help information

Alternative Installation Methods

Other ways to install Willow components

Direct URLs with shadcn CLI:

npx shadcn@latest add https://iridescent-brigadeiros-fe4174.netlify.app/r/button.json

Create new project:

npx create-willow-design-system@latest my-app