中文文档组件构建块图表主题配色 TailwindCSS React Next.js

入门

简介安装 components.json 主题设计夜间模式命令行工具（CLI）Monorepo Tailwind v4New Next.js 15 + React 19 排版在 v0 中打开 Blocks Figma 更新日志

安装

Next.js Vite Remix Astro Laravel Tanstack StartNew Gatsby 手动

组件

Accordion 警告框（Alert）Alert Dialog Aspect Ratio Avatar 徽章（Badge）Breadcrumb 按钮（Button）日历（Calendar）卡片（Card）Carousel 图表（Chart）Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker 对话框（Dialog）Drawer Dropdown Menu 表单（Form）Hover Card Input Input OTP Label Menubar Navigation Menu 分页（Pagination）Popover 进度条（Progress）Radio Group Resizable 滚动区域（Scroll Area）Select Separator Sheet Sidebar Skeleton Slider Sonner Switch 表格（Table）Tabs Textarea Toast Toggle Toggle Group Tooltip

Registry New

Introduction Getting Started Open in v0 FAQ registry.json registry-item.json

Docs

夜间模式

夜间模式

为网站添加夜间模式。

Next.js

Vite

Astro

Remix

主题设计命令行工具（CLI）

由 shadcn创建。源码可在 GitHub上获取。京ICP备15031610号-104