Pure CSS Design System
NOIR

Where the web gets serious. A dark editorial design system for agencies, portfolios, and SaaS builders who want their work to command attention — not blend in.

Pure CSS
Zero Dependencies
MIT License
Cloudflare Ready
.n-card
Agency Portfolio

Dark editorial aesthetics that make your work stand out from every Tailwind template on Dribbble.

New Project 2026
.n-btn variants
.n-stat
12KDownloads
98%CSS Only
0msJS Load
Under 14kb minified
BEM-style class naming
CSS custom properties
Full browser support
Also from @gorupa — KABOOM! UI
Included in Free Tier

Components That Ship

Everything here is in the free noir.css file — one download, one link tag, ready to use.

All transitions and hover states included. No JavaScript required.

Standard
Editorial Card

Default surface background with border. Hover to see gold glow.

Glass
Glass Variant

Frosted glass effect using CSS backdrop-filter.

Gold