Shadcn Svelte

Acerca de

Guides the creation of modern Svelte and SvelteKit user interfaces using shadcn-svelte, a system that provides components as copy-paste code rather than a traditional npm library. This approach grants full ownership and customization over UI elements. The skill focuses on integrating with the latest Tailwind CSS v4.1 and Vite for zero-runtime styling, offering detailed implementation patterns for complex features like type-safe forms with sveltekit-superforms and advanced data tables using TanStack Table v8. It also provides context on the broader Svelte UI ecosystem, comparing shadcn-svelte with Skeleton UI and Melt UI to help you make informed architectural decisions.

Características Principales

• Guidance for shadcn-svelte with Tailwind CSS v4.1 and the @tailwindcss/vite plugin.
• Supports TypeScript-first development with full type safety and Svelte 5 runes.
• Compares shadcn-svelte with Skeleton UI and Melt UI for library selection.
• Implementation patterns for complex components like forms and data tables with TanStack Table v8.
• 1 GitHub stars
• Provides copy-paste components that live in your codebase for full customization.

Casos de Uso

• Rapidly building a component-based UI for a new SvelteKit project.
• Adding complex, production-ready components like validated forms or data tables.
• Evaluating and choosing the right UI component strategy for a Svelte application.