SenangStart CSSNatural Language Engine

Fluent Style Utilities for Humans and AI

Natural Language

Use tiny, small, medium, big, giant, vast — words you already know. No more memorizing px-4, px-8, px-16.

layout for structure, space for sizing, visual for appearance. Clean, semantic, maintainable.

Generates context files for LLMs. Say "tighten it up" and AI knows to scale down spacing.

Use the CDN JIT runtime for instant styling. No build step required for prototyping.

Mobile-first breakpoints with intuitive prefixes like mob:, tab:, lap:, desk:.

Override any scale, add custom colors, extend the theme to match your brand.

html

<div
  layout="flex col center"
  space="p:big"
  visual="bg:primary text:white rounded:big"
>
  Hello SenangStart!
</div>

This creates a flexbox column, centered, with big padding, primary background, white text, and big rounded corners. No CSS classes to memorize.