Repolode
huntabyte

huntabyte/shadcn-svelte

shadcn/ui 的 Svelte 社区移植版,提供可访问、可定制、可直接复制到项目中的组件。

Star
9,199
Fork
575
未关闭 Issue
114
最近提交
11小时前

这是什么?

shadcn-svelte 将 shadcn/ui 的理念移植到 Svelte。它不以组件包的形式安装,而是把组件源码直接复制到项目中,再按需修改。组件注重可访问性与可定制性,也可作为构建自有组件库的基础。

这是一个社区主导的非官方移植项目,与 shadcn 没有隶属关系,但创建前已获得其许可。官方文档站提供安装和组件使用说明。

项目使用 TypeScript 编写,面向 SvelteKit 和 Svelte 5 项目,样式基于 Tailwind CSS,采用 MIT 许可证发布。

核心功能

  • 01以复制粘贴源码的方式使用组件,而非安装黑盒依赖包。
  • 02组件设计注重可访问性和可定制性。
  • 03面向 SvelteKit 与 Svelte 5 项目。
  • 04基于 Tailwind CSS 进行样式设计。
  • 05可作为构建自有组件库的基础。

适用场景

  • 为 SvelteKit 应用快速搭建可编辑的现成界面组件。
  • 基于 Svelte 构建内部设计系统或组件库。
  • 无需从零编写,即可添加无障碍的对话框、表单和菜单。

快速上手

  1. 1

    访问文档网站开始使用

  2. 2

    阅读文档中的安装指南

使用前须知

  • 这是非官方的社区移植版本,与 shadcn/ui 无关联。
  • 组件是复制到你的项目中使用,而不是作为带版本的包安装。

标签

常见问题

shadcn-svelte 是什么?
shadcn/ui 的 Svelte 社区移植版,提供可访问、可定制、可直接复制到项目中的组件。 shadcn-svelte 将 shadcn/ui 的理念移植到 Svelte。它不以组件包的形式安装,而是把组件源码直接复制到项目中,再按需修改。组件注重可访问性与可定制性,也可作为构建自有组件库的基础。
shadcn-svelte 可以免费使用吗?用的什么许可证?
shadcn-svelte 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
shadcn-svelte 还在维护吗?
活跃维护中。shadcn-svelte 最近一次提交是在 2026年10月20日。
shadcn-svelte 适合用来做什么?
为 SvelteKit 应用快速搭建可编辑的现成界面组件。 基于 Svelte 构建内部设计系统或组件库。 无需从零编写,即可添加无障碍的对话框、表单和菜单。
shadcn-svelte 怎么安装和运行?
访问文档网站开始使用 阅读文档中的安装指南
在哪里获取 shadcn-svelte?
源代码和安装说明在 GitHub 上:https://github.com/huntabyte/shadcn-svelte

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目