Lightlines
By google-labs-code

shadcn-ui

google-labs-code50.3k installs

Build customizable, accessible components into your app.

What it does

Guides developers through discovering, installing, customizing, and validating shadcn/ui components in React applications.

When to use it

Use when setting up shadcn/ui or building and customizing application interfaces with its components and blocks.

How to use it

Give it a shadcn/ui integration goal and a project; it installs or customizes components and validates the resulting interface.

What you provide

  • An existing project

Uses

Security reviews

Not yet reviewed.


What you need · 4

The project environment should have Node.js 18 or later.

The project should use React 18 or later.


Access · 2

This skill

shadcn/ui component catalog

Read

Reads the shadcn/ui catalog

npx shadcn@latest

Execute

The latest shadcn CLI