Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.

Skip to main content

GeneratedMar 2, 2026by|Use as starter template Claim this site

shadcn/ui home page

shadcn/ui home page

Get Started

shadcn/ui
Installation
components.json
CLI

Installation

Next.js
Vite
Remix
Astro
Laravel
Gatsby
Manual Installation

Customization

Theming
Dark Mode
Typography
Figma Integration

Guides

Monorepo
RTL
JavaScript
Next.js 15 + React 19

Integrations

Blocks
Open in v0
MCP Server

shadcn-ui/ui

Create project
Configure your Gatsby project to use TypeScript and Tailwind CSS
Edit tsconfig.json file
Create gatsby-node.ts file
Run the CLI
Configure components.json
That’s it

Installation

Gatsby

Install and configure Gatsby.

Update: We have added full support for React 19 and Tailwind v4 in the canary release. See the docs for Tailwind v4 for more information.

Manual Installation

⌘I

Powered byThis documentation is built and hosted on Mintlify, a developer documentation platform

Assistant

Responses are generated using AI and may contain mistakes.