Svelte 5 Shadcn FSD Template

sv based Svelte Template with

• typescript
• prettier
• eslint
• static router
• tailwindcss
• shadcn-svelte

in Feature-Sliced Design Architecture

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# add ui component to project
npx shadcn-svelte add button

Project Setup

npm install

Add shadcn-svelte component

execute component add script

npx shadcn-svelte add button

add exports to public api of @/shared/ui

export {
  Button,
  buttonVariants,
  type ButtonProps,
  type ButtonSize,
  type ButtonVariant
} from './button';

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Format Codes

npm run format

Check FSD structure

npm run steiger