What's the correct way of setting up Tailwind with SvelteKit in 2022?

This page summarizes the projects mentioned and recommended in the original post on /r/sveltejs
Svelte sveltekit svelte-kit PostCSS purgecss

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • tailwindcss

    Add Tailwind CSS to your Svelte project (by svelte-add)

    (Or related package manager). It’s a simple adder that does a couple things - namely creates a tailwind config file, adds dependencies to package.json, and initializes tailwind directives in a main css file. Immediately able to use tailwind after doing this. docs if you’d like more info

  • higherintel-sveltekit-boilerplate-daisyUI

    I created a boiler plate repo for my own projects that you are welcomed to clone/ copy. It’s Sveltekit, Tailwind with Daisy UI and a custom fetch client, have fun https://github.com/higherintel-io/higherintel-sveltekit-boilerplate-daisyUI

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • simple-smart-stylish-svelte-starter-app

    Using Vite, Svelte, Native Fetch, Tailwind 3 and Daisy UI component framework, the boilerplate lets full-stack developers quickly build beautiful frontends and consume APIs

    The URL is apparently: https://github.com/higherintel-io/simple-smart-stylish-svelte-starter-app

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts