ui-library

A CLI for adding beautifully designed components to your HTML + Tailwind CSS v4 + Stimulus.js projects.

This is NOT a component library you install as a dependency. It's a collection of re-usable components that you copy into your apps and customize. The code is yours.

init

Use the init command to initialize dependencies for a new project.

The init command creates a components.json config file and sets up src/base.css with Tailwind CSS v4 theme variables.

npx @skutally/ui-library init

add

Use the add command to add components to your project.

The add command copies a component to your project and automatically resolves all required dependencies.

npx @skutally/ui-library add [component]

Example

npx @skutally/ui-library add button

You can also add multiple components at once:

npx @skutally/ui-library add modal tabs accordion

Run the command without any arguments to view a list of all available components:

npx @skutally/ui-library list

diff

Use the diff command to check if your local component differs from the registry version.

npx @skutally/ui-library diff button

Documentation

Visit the documentation page to view the full docs.

Components

• Accordion
• Alert
• Avatar
• Badge
• Breadcrumb
• Button
• Card
• Checkbox
• Dropdown
• Input
• Modal
• Popover
• Progress
• Radio
• Separator
• Sheet
• Skeleton
• Slider
• Table
• Tabs
• Toast
• Toggle
• Tooltip

License

Licensed under the MIT license.