Shadcn UI component

A template for adding a Shadcn UI component to a project.

Author

Shadcn UI

Stack

Introduction

This template integrates Shadcn UI components into a project, similar to running the shadcn add command but structured as a reusable template.

If Shadcn UI is not already configured, the template automatically handles the setup.

Tailwind CSS required

Make sure Tailwind CSS is set up before using this template.

Add the action to import the template:

{
  "name": "import",
  "template": "shadcn-ui://component",
  "options": {
    "components": ["button", "badge"]
  }
}

The following options are available for this template:

Option	Description	Required	Default
components	The names of the Shadcn UI components to add.	Yes	None

Other templates from

Shadcn UI

A dynamic pricing page using Shadcn UI components and Croct.

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest init