用途:shadcn-svelte 是 shadcn/ui 的 Svelte 5 / SvelteKit 移植版本,提供基于 Bits UI 和 Tailwind CSS 构建的、设计美观且可访问的 UI 组件,适合在 Svelte 5 或 SvelteKit 项目中搭建界面。
主要能力:提供 59 个组件指南,涵盖按钮、卡片、对话框、表单、数据表格等;支持复合组件与单一组件两种导入方式;支持通过 CLI 初始化项目并添加组件;支持主题与颜色定制;支持深色模式;支持自定义 registry;并提供 Svelte 5 与 Tailwind v4 的迁移文档。
使用方式:在 SvelteKit 中初始化可运行 pnpm dlx shadcn-svelte@latest init,添加组件可运行 pnpm dlx shadcn-svelte@latest add button card dialog。组件使用命名空间导入,例如 import * as Card from "$lib/components/ui/card/index.js" 与 import { Button } from "$lib/components/ui/button/index.js"。表单可结合 Superforms 与 Formsnap 使用。深色模式通过 mode-watcher 的 ModeWatcher 组件及 toggleMode()、setMode("dark")、resetMode() 控制。
适用场景:适用于使用 Svelte 5 或 SvelteKit 并希望快速引入可访问 UI 组件的前端项目,也覆盖 Astro、Vite 等安装场景。
限制:资料未提供收费、价格、性能或效果方面的信息;具体组件用法需查阅对应 references/components/[component-name].md 文档。