SenangStart CSS

A utility-first CSS framework that replaces abstract naming conventions with Natural Adjectives.

![License: MIT](LICENSE.md)

Quick Start

$3

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