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

入门

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

安装

Next.js Vite Remix Astro Laravel Gatsby 手动

组件

侧边栏（Sidebar）New 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 Skeleton Slider Sonner Switch 表格（Table）Tabs Textarea Toast Toggle Toggle Group Tooltip

Docs

夜间模式

夜间模式

为网站添加夜间模式。

Next.js

Vite

Astro

Remix

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

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