Skip to main content
Neubrutal

Menu

About

Built loud, on purpose

Most component libraries hedge toward neutral — soft shadows, muted grays, corners rounded just enough not to offend anyone. Neubrutal doesn't. Thick borders, hard-offset shadows, and six unapologetic flat colors, applied consistently across 40+ typed components so the loud parts and the quiet parts still feel like one system.

Principles

What holds it together

Flat, not gradiented

Six categorical accents, solid fills, hard edges. No blur, no drop shadows pretending to be light.

Tokens, not one-offs

Every color, shadow, and border width is a single named value — change the token, not 40 files.

Zero-JS by default

Interactivity is opt-in and vanilla. A component you don't click never ships a script.

Composable from primitives

Blocks are built from the same components you get. Hero, Navbar, Pricing — same primitives, no second layer.

Accessible by default

Visible focus rings, contrast-checked tokens, semantic HTML, keyboard-friendly overlays — built in, not bolted on.

Self-hosted fonts

Display, heading, and mono faces load through Astro's Fonts API. No Google CDN, no render-blocking requests.

Why

Most themes are boring clones of other themes

Open a marketplace tab and scroll ten themes. Different logos, different copy, the same beige card with a rounded-2xl shadow that's been the default since 2019. They're built to disappear into the noise. This one isn't.

Reason 01

Most themes are quiet by default

Soft shadows, rounded corners, muted greys, and a single accent. They look professional in the first five seconds and start blending in by the thirtieth. Built to offend no one, they end up being remembered by no one either.

Reason 02

Borders are load-bearing

Neubrutalism's thick black outlines aren't decoration — they're the structural language that makes everything else read as deliberate. Strip them out and the same components look like a generic Tailwind starter; keep them and the system holds together.

Reason 03

Hard shadows ≠ realism

Modern UI shadows try to simulate light: blur, falloff, layered opacity. A neubrutalist shadow is just a flat offset — zero blur, full saturation. It says "this thing is stacked on that thing," not "this thing is being lit."

Reason 04

Six colors is a feature

A small categorical palette forces choices. You can't fall back on a tenth blue, so every accent carries meaning: yellow for action, pink for featured, green for success. Buyers who pick this theme aren't looking for infinite options — they're looking for a system that says yes to a constraint.

Want the people, not the philosophy?

Meet the developer behind it on the team page, or get in touch directly.

See it before you buy it.

Every component on this site is the actual theme — nothing here is a mockup.