0Pricing
Sveltejs Academy · Lesson

Using Tailwind CSS with SvelteKit

Install and configure Tailwind CSS in a SvelteKit project with the official plugin.

Why Tailwind

Tailwind is a utility-first CSS framework that pairs naturally with Svelte's scoped styles.

Install

Use the official SvelteKit Tailwind setup.

npx svelte-add@latest tailwindcss
npm install

All lessons in this course

  1. Using Tailwind CSS with SvelteKit
  2. D3.js Charts in Svelte
  3. Leaflet Maps with Svelte Actions
  4. Rich Text Editors: Tiptap
← Back to Sveltejs Academy