DEV Community

loading...
Cover image for SvelteKit ❤️ Windi CSS

SvelteKit ❤️ Windi CSS

dan
https://github.com/dansvel
Updated on ・1 min read

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

Discussion (0)