01 / MÒ

The browser already
knows what your
interface is.

Mò gives it a visual language.
Zero dependencies. HTML, CSS, and a touch of JS.

Start buildingExplore components

Mò is a zero-dependency interface layer built from semantic HTML, modern CSS, and minimal JavaScript.

v1.0.2

02 / PHILOSOPHY

Mò doesn’t own
your CSS.

We provide sensible defaults that you can change, extend, or remove completely. Your CSS always has the final word — and this one is community-owned.

MÒ DEFAULT
YOUR OVERRIDE
RESULT

Last edit by @sayagodev

Sign your edit

@

Try it: edit the CSS, hit Save changes, and your look becomes the one everyone sees.

03 / SEMANTIC HTML, STYLED CONTEXTUALLY

We style the platform,
not replace it.

Components adapt to their context automatically.
Same HTML, different meaning.

LINK
Primary action
<a href="#">Primary action</a>
SAME LINK, AS BUTTON
Primary action
<a class="button">Primary action</a>
SAME LINK, AS BADGE
Primary action
<a class="badge outline">Primary action</a>

These are real HTML elements. Mò styles them based on context and state.

04 / THE SYSTEM

A neutral token
system for consistent,
composable interfaces.

Built on semantic intent, not implementation.

View all tokens
--backgroundCanvas / base#FFFFFF#242424
--foregroundText / base#242424#FAFAFA
--mutedSurface / subtle#F7F7F7#454545
--muted-foregroundText / subtle#8E8E8E#B4B4B4
--borderStroke / default#EBEBEB#FFFFFF1A
--primaryBrand / primary#343434#EBEBEB
--primary-foregroundOn primary#FAFAFA#343434
--radiusCorner / 0.625rem0.625rem0.625rem
--ringFocus / ring#B4B4B4#8E8E8E

One vocabulary.
Every surface.

token↓component↓your interface

05 / COMPONENTS / 56

Browse all components
Button
Primary actions
Input
User input
Checkbox
Toggles & options
Tabs
Panels toggle with full keyboard support.
Organize content
Dialog

Edit profile

Make changes to your profile here.

Overlays & focus