BRAND
✓ Framework v2.1.2 Ready

Build with Intent, Not Classes.

Noxen is the world's first intent-based CSS framework. Describe what your elements ARE, not what they look like.

✓ 7 Themes ✓ 25+ Components ✓ Antigravity Engine ✓ Auto-ARIA ✓ AI Palette ✓ 64KB Total
Why Noxen

12 World-First Features

No other CSS framework has all of these. Together, they make Noxen impossible to replicate.

01

Intent API

nx="" — describe what a thing IS, not how it looks. Single attribute, entire design system.

02

Living Token Engine

Full theme switch in under 1ms. Zero rebuild. Noxen.theme.set('carbon') — done.

03

Antigravity Engine

The world's first CSS physics layout system. Product reflections, upward-growing UIs — pure CSS.

04

Auto-ARIA

WCAG 2.1 AA injected automatically. Audit with Noxen.a11y.audit().

05

AI Palette Engine

Full design system from one hex. Noxen.palette.apply('#FF3366') — entire theme generated.

06

Fluid Scale

True CSS clamp() fluid responsive. No breakpoint jumps. Ever.

Antigravity Engine

The world's first CSS gravity system

Normal CSS flows top-to-bottom. Noxen inverts this with semantic attributes.

nx-ag="reflect" — Product Reflection
Noxen Sphere X1
Premium Edition
$299 In Stock
Noxen Sphere X1
$299 In Stock
nx-ag="floor" — Chat UI (bottom-up, no JS)
nx="floor" 🤯 No JS!
This is a chat UI built with pure CSS. No JavaScript scroll management needed.
How?? 👀
flex-direction: column-reverse. That's all it takes.
This is incredible. I'm switching to Noxen today.
64KB
Total bundle
vs Bootstrap's 156KB
1ms
Theme switch
Zero rebuild needed
25+
Components
All intent-driven
7
Built-in themes
+ unlimited custom

Ready to build?

Copy one line into your HTML and you have the full framework.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/noxen-css@2/dist/noxen.min.css">