Repolode
Enviar
huntabyte

huntabyte/shadcn-svelte

Un port no oficial de shadcn/ui para Svelte: componentes accesibles y personalizables que copias en tu propia aplicación.

Ver en GitHubSitio web
Estrellas
9,199
Forks
575
Issues abiertos
114
Último commit
hace 12 horas

¿Qué es?

shadcn-svelte lleva el enfoque de shadcn/ui a Svelte. En lugar de instalar un paquete de componentes, copias el código fuente de los componentes en tu proyecto y lo modificas según tus necesidades. Los componentes están diseñados para ser accesibles y personalizables, y el proyecto se plantea como una base para crear tu propia biblioteca de componentes.

El proyecto es un port no oficial impulsado por la comunidad. No está afiliado a shadcn, aunque el autor señala que shadcn le dio su aprobación antes de que se creara el proyecto. El sitio de documentación explica cómo instalarlo y usar los componentes.

El proyecto está escrito en TypeScript y está dirigido a proyectos con SvelteKit y Svelte 5, con Tailwind CSS como capa de estilos. Se distribuye bajo la licencia MIT.

Funciones clave

  • 01Copiar y pegar el código fuente de los componentes en lugar de instalar un paquete opaco.
  • 02Componentes diseñados para ser accesibles y personalizables.
  • 03Creado para proyectos con SvelteKit y Svelte 5.
  • 04Con estilos de Tailwind CSS.
  • 05Puede servir como base para crear tu propia biblioteca de componentes.

Casos de uso

  • Crear la interfaz de una aplicación SvelteKit con componentes listos para usar y editar.
  • Crear un sistema de diseño interno o una biblioteca de componentes basada en Svelte.
  • Añadir diálogos, formularios y menús accesibles sin tener que escribirlos desde cero.

Inicio rápido

  1. 1

    Visita el sitio de documentación para empezar

  2. 2

    Lee la guía de instalación en la documentación

Antes de usarlo

  • Es un port comunitario no oficial y no está afiliado a shadcn/ui.
  • Los componentes se copian en tu proyecto en lugar de instalarse como un paquete con versiones.

Temas

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

Preguntas frecuentes

¿Qué es shadcn-svelte?
Un port no oficial de shadcn/ui para Svelte: componentes accesibles y personalizables que copias en tu propia aplicación. shadcn-svelte lleva el enfoque de shadcn/ui a Svelte. En lugar de instalar un paquete de componentes, copias el código fuente de los componentes en tu proyecto y lo modificas según tus necesidades. Los componentes están diseñados para ser accesibles y personalizables, y el proyecto se plantea como una base para crear tu propia biblioteca de componentes.
¿shadcn-svelte es gratuito? ¿Qué licencia tiene?
shadcn-svelte es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿shadcn-svelte sigue mantenido?
Mantenimiento activo. El último commit de shadcn-svelte fue el 20 oct 2026.
¿Para qué puedo usar shadcn-svelte?
Crear la interfaz de una aplicación SvelteKit con componentes listos para usar y editar. Crear un sistema de diseño interno o una biblioteca de componentes basada en Svelte. Añadir diálogos, formularios y menús accesibles sin tener que escribirlos desde cero.
¿Cómo se instala shadcn-svelte?
Visita el sitio de documentación para empezar Lee la guía de instalación en la documentación
¿Dónde consigo shadcn-svelte?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/huntabyte/shadcn-svelte

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados