SvelteKit ❤️ Windi CSS

dansvel

dan

Posted on June 16, 2021

SvelteKit ❤️ Windi CSS

Specification

  • @sveltejs/kit: "next" (1.0.0-next.115)
  • vite-plugin-windicss: "^1.0.0" (1.0.4)
  • @sveltejs/adapter-static: "next" (1.0.0-next.13)

Features

  • store using localstorage for theme
  • dark mode correctly before everything get rendered
  • dark mode for Windi typography plugin

Demo

Sveltekit ❤️ Windi
Live Demo

Running the project

Clone this repo and cd to the directory, then run npm or yarn

pnpx degit dansvel/sveltekit-windicss myproject ## or npx
cd myproject
pnpm i ## or npm or yarn
pnpm run dev

## to generate static web
pnpm run build
Enter fullscreen mode Exit fullscreen mode

Go to Repo

💖 💪 🙅 🚩
dansvel
dan

Posted on June 16, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related