Code Quality

Prettier
An opinionated code formatter
Environments: svelte ✅ kit ✅
ESLint
A configurable JavaScript linter
Environments: svelte ✅ kit ✅

Testing

Vitest
A testing framework powered by Vite
Environments: svelte ✅ kit ✅
Playwright
A testing framework for end-to-end testing
Environments: svelte ✅ kit ✅

CSS

Can be used to style your components
Tailwind CSS
Rapidly build modern websites without ever leaving your HTML
Environments: svelte ✅ kit ✅

Additional functionality

Storybook
Build UIs without the grunt work
Environments: svelte ✅ kit ✅
mdsvex
svelte in markdown
Environments: svelte ✅ kit ✅
Routify
The Router that Grows With You
Environments: svelte ✅ kit ❌

Database

Drizzle
Headless ORM for NodeJS, TypeScript and JavaScript
Environments: svelte ❌ kit ✅

Configurator

You can select one or multiple adders and we will ask you questions for each adder. At the end we generate one cli command for you, that you can execute in your project. Otherwise you can use the cli interactively.

You have not selected any adders, but you can still use the cli interactively.

npx svelte-add@latest
There is a number of options that apply for all adders, that you can add as you like:
  • --default (default: false) Installs default adder options for unspecified options
  • --path (default: ./) Path to working directory
  • --skip-preconditions (default: false) Skips validating preconditions before running the adder
  • --skip-install (default: false) Skips installing dependencies after applying the adder