628 raw bytes. 378B gzip. 286B Brotli.

A tiny UI framework can still cover real interface work.

This demo uses only c2.css. The classes are intentionally byte-coded: c container, r row, g grid, y stack, k card, b button, p primary, and w wide.

Try forms Native components

Layout

Container

The page width is readable by default. Use c when a nested container is needed.

Row

r creates a wrapping horizontal group for nav, toolbars, and actions.

Grid

g creates responsive equal-width columns with no breakpoint classes.

One

Cards are intentionally thin: padding, border, radius, nothing else.

Two

Dark mode comes from the browser through color-scheme.

Three

Native controls are preserved instead of replaced by heavy custom widgets.

Actions, Text, and Media

Primary link Secondary link

Inline text uses browser defaults: links, strong text, emphasis, highlighted marks, code, and small helper text.

Minimal CSS works when HTML carries the structure and the browser carries the behavior.

Forms

Tables and Code

File	Role	gzip
`c2.nano.css`	native nucleus	164B
`c2.200.css`	200B-class build	197B
`c2.css`	full micro-framework core	378B

<main class="c y">
  <section class="k y">
    <h1>Small UI</h1>
    <a class="b p">Start</a>
  </section>
</main>

Native Components

Disclosure

details and summary work with no JavaScript.

Progress

72%

Dialog

The framework does not replace modal behavior. Use native dialog with your own small script when needed.