Svelte Shadcn Starter

sveltkit app with preinstalled shadcn

RAW Svelkit 4 app Shadcn Ui

Les composants shadcn présents dans src/lib/components/ui sont compatibles avec une app setup tailwind avec la configuration adéquate

Créer un app sveltkit :

npm create svelte@latest my-app

Ajouter Tailwind CSS :

npx @svelte-add/tailwindcss@latest

Installation

npm install

Dans svelte.config.js :

const config = {
  // ... other config
  kit: {
    // ... other config
    alias: {
      "@/*": "./path/to/lib/*",
    },
  },
};

Init la config des composants shadcn :

npx shadcn-svelte@latest init

Copier tous les composants disponibles :

npx shadcn-svelte@latest add button