☁️ CloudCSS

Build faster. Ship lighter. Style smarter.

Why CloudCSS

Inspired by the original vision of Windi CSS

• No large pre-generated CSS bundles
• No purge step in production
• No configuration overhead
• Generate styles only when used

- Traditional CSS: Write everything manually
- Tailwind: Pre-generate everything
+ CloudCSS: Generate only what you use

Quick Start

Installation

npm install @aruvili/cloudcss -D

pnpm install @aruvili/cloudcss -D

yarn add @aruvili/cloudcss -D

Initialization

npx cloud --init

• Detects framework automatically
• Injects required configuration
• Prepares development environment

Usage

<div class="p-4 text-blue-500 hover:bg-gray-100">
  Hello CloudCSS
</div>

Features

Capability	Description
On-demand engine	Generates only required utilities
Instant HMR	Near-zero latency updates
No purge step	Automatic production optimization
Smart scanning	HTML and CSS aware parsing
Framework support	Next, Vite, Vue, Svelte

CLI

npx cloud --init
npx cloud --watch
npx cloud --build

Ecosystem

• Plugin system (in progress)
• Community-driven development

Discussion: https://github.com/Aruvili/cloudcss/discussions

Credits

CloudCSS builds on the foundation of Windi CSS.

License

MIT License Aruvili / Balapriyan

Support