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

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.

Usage

Add the action to import the template:

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

Options

The following options are available for this template:

OptionDescriptionRequiredDefault
componentsThe names of the Shadcn UI components to add.YesNone
Explore or help us improve this template
View source
Other templates using
Shadcn UIShadcn UI
A pricing page using Shadcn UI components and Croct.
Pricing page

A pricing page using Shadcn UI components and Croct.

Shadcn UIShadcn UI
Related templates
Import the Magic UI example into the project.
Magic UI component

Import the Magic UI example into the project.

Magic UIMagic UI

Start building in seconds

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

npx croct@latest init