Repolode
Предложить
huntabyte

huntabyte/shadcn-svelte

Неофициальный порт shadcn/ui для Svelte: доступные настраиваемые компоненты, исходный код которых можно скопировать в своё приложение.

Открыть на GitHubСайт
Звёзды
9,199
Форки
575
Открытые issues
114
Последний коммит
16 часов назад

Что это?

shadcn-svelte переносит подход shadcn/ui в Svelte. Вместо установки пакета компонентов вы копируете исходный код компонентов в свой проект и при необходимости изменяете его. Компоненты созданы с расчётом на доступность и гибкую настройку, а сам проект задуман как основа для создания собственной библиотеки компонентов.

Это неофициальный порт, развиваемый сообществом. Проект не связан с shadcn, хотя автор отмечает, что shadcn одобрил его создание. В документации описаны установка и использование компонентов.

Проект написан на TypeScript и предназначен для проектов на SvelteKit и Svelte 5; для стилизации используется Tailwind CSS. Проект распространяется по лицензии MIT.

Ключевые возможности

  • 01Копируйте и вставляйте исходный код компонентов вместо установки закрытого пакета.
  • 02Компоненты созданы с расчётом на доступность и возможность настройки.
  • 03Предназначен для проектов на SvelteKit и Svelte 5.
  • 04Стилизация с помощью Tailwind CSS.
  • 05Может служить основой для создания собственной библиотеки компонентов.

Сценарии использования

  • Создание UI для приложения на SvelteKit с готовыми компонентами, которые можно изменять.
  • Создание внутренней дизайн-системы или библиотеки компонентов на базе Svelte.
  • Добавление доступных диалогов, форм и меню без необходимости писать их с нуля.

Быстрый старт

  1. 1

    Чтобы начать, посетите сайт документации

  2. 2

    Прочитайте руководство по установке в документации

Что важно знать

  • Это неофициальный порт сообщества, не связанный с shadcn/ui.
  • Компоненты копируются в ваш проект, а не устанавливаются как пакет с версиями.

Темы

#svelte#sveltekit#ui-components#tailwindcss#typescript#design-system#accessibility#bits-ui#shadcn-svelte#shadcn-ui

Частые вопросы

Что такое shadcn-svelte?
Неофициальный порт shadcn/ui для Svelte: доступные настраиваемые компоненты, исходный код которых можно скопировать в своё приложение. shadcn-svelte переносит подход shadcn/ui в Svelte. Вместо установки пакета компонентов вы копируете исходный код компонентов в свой проект и при необходимости изменяете его. Компоненты созданы с расчётом на доступность и гибкую настройку, а сам проект задуман как основа для создания собственной библиотеки компонентов.
shadcn-svelte можно использовать бесплатно? Какая у него лицензия?
shadcn-svelte распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
shadcn-svelte всё ещё поддерживается?
Активно поддерживается. Последний коммит в shadcn-svelte — 20 окт. 2026 г..
Для чего можно использовать shadcn-svelte?
Создание UI для приложения на SvelteKit с готовыми компонентами, которые можно изменять. Создание внутренней дизайн-системы или библиотеки компонентов на базе Svelte. Добавление доступных диалогов, форм и меню без необходимости писать их с нуля.
Как установить shadcn-svelte?
Чтобы начать, посетите сайт документации Прочитайте руководство по установке в документации
Где скачать shadcn-svelte?
Исходный код и инструкции по установке — на GitHub: https://github.com/huntabyte/shadcn-svelte

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты