shadcn-ui

id	shadcn-ui
name	shadcn/ui
version	1.0.0
author	OpenClaw Community
description	Complete shadcn/ui documentation. Beautifully designed components built with Radix UI and Tailwind CSS. Copy-paste into your apps. Covers installation, components, theming, forms, charts, and framework integrations.
categories	["ui","components","documentation","design-system"]
tags	["shadcn","ui","components","tailwind","radix","react","nextjs","design-system","accessibility","theming"]
homepage	https://ui.shadcn.com
repository	https://github.com/shadcn-ui/ui
documentation	https://ui.shadcn.com/docs

shadcn/ui Documentation

Complete shadcn/ui documentation extracted from the official shadcn/ui repository.

Contents

This skill includes 201 MDX files (1.4MB) covering:

Getting Started

• Installation - Setup for Next.js, Vite, Remix, Astro, Laravel, Gatsby, React Router, Tanstack Router
• CLI - shadcn/ui CLI commands and usage
• Components JSON - Configuration and customization
• Theming - CSS variables, dark mode, theme customization
• Typography - Font setup and typography utilities

Components (50+)

• Accordion - Collapsible content sections
• Alert - Contextual feedback messages
• Avatar - User profile images
• Badge - Status indicators
• Button - Interactive buttons with variants
• Calendar - Date picker and calendar views
• Card - Content containers
• Checkbox - Selection controls
• Combobox - Searchable select
• Command - Command palette
• Context Menu - Right-click menus
• Data Table - Sortable, filterable tables
• Date Picker - Date selection
• Dialog - Modal dialogs
• Drawer - Slide-out panels
• Dropdown Menu - Action menus
• Form - Form components with validation
• Hover Card - Hoverable content cards
• Input - Text inputs
• Label - Form labels
• Menubar - Application menu bar
• Navigation Menu - Site navigation
• Pagination - Page navigation
• Popover - Floating content
• Progress - Progress indicators
• Radio Group - Radio button groups
• Resizable - Resizable panels
• Scroll Area - Custom scrollbars