Using the Shadcn CLI
This guide explains how to set up and use the Shadcn CLI to quickly add prebuilt UI parts, templates, and layout blocks to your project.
Overview
The tailwind-builder provides a command-line tool that helps you integrate UI components into your codebase with minimal setup. Instead of installing everything manually, the CLI copies ready-to-use files directly into your project. Learn more in the official Shadcn UI CLI reference.
Installation
Before using the CLI, make sure Shadcn is already configured in your app. You can follow the installation guide to get everything set up before proceeding.
CLI Versions
There are multiple versions of the CLI available, depending on your workflow and project type.
Shadcn CLI v3 Recommended
Version 3 introduces namespace support, authentication for private registries, and AI-assisted setup tools for faster automation.
| Registry | Includes |
|---|---|
| @tb-components | Free and paid UI components |
| @tb-blocks | Free and premium layout blocks |
Why Use Multiple Registries?
- Faster Access: Get free assets instantly.
- Better Organization: Each registry focuses on one type of content, such as components, blocks making maintenance easier.
- Premium Support: Access paid resources and receive official support through authenticated registries.
Setting Up CLI v3
To enable custom registries, update your components.json file to include your preferred namespace.
For Free + Premium Access
You can install both free and paid resources using the CLI. Free content is available instantly, while premium assets require verified credentials.
Setting Up Environment Variables
Create or update your .env file to store your Studio CLI credentials safely.
Locating Your Credentials
- Email Address:Use the email you registered with during your initial sign-up.
- License Key:You can find your key in My Dashboard.