neubrutalism

Community

Bold UI designs with thick borders and sharp shadows.

Authortelagod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Neubrutalism addresses the need for bold, consistent UI design by providing a compact design system with hard-edged borders, saturated colors, and minimal radii that can be reused across components.

Core Features & Use Cases

  • Thick borders and offset shadows guide visual hierarchy for dense interfaces.
  • High-saturation color tokens and flat aesthetics enable punchy, modern UIs.
  • CSS tokens and component examples (Card, Button, Navbar, Input, Badge) enable rapid prototyping and consistent theming.

Quick Start

Import the Neubrutalism CSS tokens and begin applying the nb variables to build bold, flat UI components.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: neubrutalism
Download link: https://github.com/telagod/code-abyss/archive/main.zip#neubrutalism

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.