Fluent Style Utilities for Humans and AI
html
layout="flex col center"
space="p:big"
visual="bg:primary text:white rounded:big"
>
Hello SenangStart!
$3
`bash
npm i @bookklik/senangstart-css
senangstart init
senangstart dev
`
Tailwind CSS Converter
Migrate from Tailwind to SenangStart with the built-in converter:
`bash
Convert HTML file
node scripts/convert-tailwind.js input.html -o output.html
Convert inline string
node scripts/convert-tailwind.js --string ""
`
Before (Tailwind):
`html
`
After (SenangStart):
`html
`
$3
Use --exact to preserve Tailwind's numeric scale with tw- prefix:
`bash
node scripts/convert-tailwind.js --exact --string ""
Output: space="p:tw-4" visual="rounded:tw-lg"
`
| Tailwind | Semantic | Exact (tw-) |
|----------|----------|-------------|
| p-4 | p:small | p:tw-4 |
| mt-8 | m-t:big | m-t:tw-8 |
| rounded-lg | rounded:medium | rounded:tw-lg |
| text-2xl | text-size:giant | text-size:tw-2xl` |
Documentation
Full docs at bookklik-technologies.github.io/senangstart-css
License
Read MIT License