Skip to content

README.md

Latest commit

 

History

History
173 lines (121 loc) · 3.89 KB

README.md

File metadata and controls

173 lines (121 loc) · 3.89 KB

☁️ CloudCSS

CloudCSS Logo

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