@@ -334,43 +334,6 @@ Use shortcuts like any other utility:
334
334
<div class =" card" >Card content</div >
335
335
```
336
336
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
-
374
337
## Philosophy
375
338
376
339
Headwind is built on several core principles:
@@ -379,7 +342,7 @@ Headwind is built on several core principles:
379
342
2 . ** Developer Experience** - TypeScript-first, fully typed APIs
380
343
3 . ** Utility-First** - Compose complex components from simple utilities
381
344
4 . ** 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
383
346
6 . ** Extensible** - Customize everything via configuration
384
347
7 . ** Production-Ready** - Optimizations like class compilation and minification
385
348
0 commit comments