Windi CSS - AWESOME

Table of content

• Table of content
• Resources
  • Official Resources
• Documentation 📖
• Get Started
  • Examples
    • Vue
    • React
    • Svelte
    • Next
    • Nuxt
    • October CMS
• Plugins
  • Framework-agnostic Plugins
    • Integrations
• Showcases

Resources

Official Resources

• Documentation
• GitHub Repo
• Release Notes

Documentation 📖

Check the documentation website.

Get Started

Examples

Vue

• Vue + Vite by @antfu

React

• React + Vite by @antfu

Svelte

• Svelte + Webpack by @loonpwn
• Svelte + Vite + Routify by @reepolee Uses Vite in combination with Routify to support file-based routing. Spank is included as Static Site Generator, as well as spassr.
• 🚧 Svelte + Sveasy by @alexanderniebuhr - uses new bundler sveasy to imrpove speed even more.

Next

• Next + Webpack by @loonpwn

Nuxt

• Nuxt + Webpack by @loonpwn

October CMS

• October CMS + Vite by @chkilel

Plugins

see windicss/plugins

Framework-agnostic Plugins

Integrations

• cli
• windicss-intellisense
• vite-plugin-windicss
• rollup-plugin-windicss
• windicss-webpack-plugin
• vue-windicss-preprocess
• nuxt-windicss-module
• svelte-windicss-preprocess
• vite-plugin-styled-windicss
• babel-plugin-styled-windicss

Showcases