Article JavaScript Tailwind Svelte

Easily add integration to Svelte apps

Removes the need for boilerplate code, and makes you get starting faster

Svelte Add

Svelte Add is an community project to integrate different functionality to Svelte apps. Instead of creating a new project by npm init svelte@next my-app and then adding Tailwind. We can do this in on step by using Svelte Add.

By using npm init @svelte-add/kit@latest we get a few questions about the installation. For e.g. if we want to use Tailwind. Then we are done :)

If we have made a project with npm init svelte@next my-app and we want to add Tailwind. We can make use of Svelte Add

npm init svelte@next my-app
npx svelte-add@latest tailwindcss
npm install

Now we have tailwind installed!

Recommend using npm init @svelte-add/kit@latest that both setup SvelteKit and Tailwind for you :)