Skip to content

kkarpeev/svelte-tailwind-template

 
 

Repository files navigation

Best Svelte + TailwindCSS template

Another Svelte + TailwindCSS template, but this time it doesn't suck

Features

  • Bundled with Webpack 5
  • @apply and friends working in svelte component's style tags, lang=postcss is not required
  • Same in .pcss files
  • Hot module replacement
  • Sane reload times - 350 avg ms for Tailwind in components, 250 avg ms for regular component css. Tested on Ryzen 2500u capped at 2GHz
  • Uses @tailwindcss/jit to get really good performance (thanks to WindiCSS and Girouette)

Installation

NPM

git clone https://github.com/non25/svelte-tailwind-template my-new-project
# or with degit
npx degit non25/svelte-tailwind-template my-new-project
cd my-new-project
npm install
npm run dev

npm run build

Yarn 2

git clone https://github.com/non25/svelte-tailwind-template my-new-project
# or with degit
npx degit non25/svelte-tailwind-template my-new-project
cd my-new-project
yarn install
yarn dev

yarn build

Improve this template

Let me know what's missing. This is absolute minimum that should be in any Svelte + TailwindCSS project, but it can be extended with other stuff.

License

MIT

About

Best Svelte Tailwind template

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 54.1%
  • Svelte 38.8%
  • HTML 6.4%
  • CSS 0.7%