@@ -334,43 +334,6 @@ Use shortcuts like any other utility:
334334<div class =" card" >Card content</div >
335335```
336336
337- ## Comparison with Other Frameworks
338-
339- ### vs. Tailwind CSS
340-
341- Headwind is Tailwind-compatible but with key differences:
342-
343- | Feature | Headwind | Tailwind |
344- | ---------| ----------| ----------|
345- | Runtime | Bun | Node.js |
346- | Build Speed | ~ 8ms for 1000+ utilities | ~ 50-100ms |
347- | Configuration | TypeScript-first | JavaScript |
348- | JIT Mode | Always on-demand | Optional JIT mode |
349- | Compile Classes | Built-in transformer | Requires additional setup |
350- | Bundle Size | ~ 15KB (framework) | ~ 400KB (with PostCSS) |
351-
352- ### vs. UnoCSS
353-
354- Both are fast, on-demand frameworks:
355-
356- | Feature | Headwind | UnoCSS |
357- | ---------| ----------| --------|
358- | Runtime | Bun | Node.js |
359- | Tailwind Compat | High compatibility | Preset-based |
360- | TypeScript | Fully typed | Typed presets |
361- | Compile Mode | Built-in ` :hw: ` trigger | Built-in compile mode |
362- | Ecosystem | Growing | Large preset ecosystem |
363-
364- ### vs. Traditional CSS Frameworks (Bootstrap, etc.)
365-
366- | Feature | Headwind | Bootstrap |
367- | ---------| ----------| -----------|
368- | Approach | Utility-first | Component-based |
369- | CSS Size | Only what you use (~ 5-20KB) | Full framework (~ 150KB) |
370- | Customization | Highly configurable | Theme variables |
371- | Learning Curve | Moderate | Lower |
372- | Flexibility | Very high | Lower |
373-
374337## Philosophy
375338
376339Headwind is built on several core principles:
@@ -379,7 +342,7 @@ Headwind is built on several core principles:
3793422 . ** Developer Experience** - TypeScript-first, fully typed APIs
3803433 . ** Utility-First** - Compose complex components from simple utilities
3813444 . ** On-Demand Only** - Never ship unused CSS
382- 5 . ** Tailwind-Compatible** - Leverage existing knowledge and tools
345+ 5 . ** Tailwind & UnoCSS -Compatible** - Leverage existing knowledge and tools
3833466 . ** Extensible** - Customize everything via configuration
3843477 . ** Production-Ready** - Optimizations like class compilation and minification
385348
0 commit comments