Skip to content

Commit edfa7f4

Browse files
committed
chore: wip
1 parent 32f94f1 commit edfa7f4

File tree

1 file changed

+1
-38
lines changed

1 file changed

+1
-38
lines changed

docs/intro.md

Lines changed: 1 addition & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -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

376339
Headwind is built on several core principles:
@@ -379,7 +342,7 @@ Headwind is built on several core principles:
379342
2. **Developer Experience** - TypeScript-first, fully typed APIs
380343
3. **Utility-First** - Compose complex components from simple utilities
381344
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
383346
6. **Extensible** - Customize everything via configuration
384347
7. **Production-Ready** - Optimizations like class compilation and minification
385348

0 commit comments

Comments
 (0)