☁️ CloudCSS

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