NICK ROTH

Neobrutalism Theme Overview

A bold, expressive design system built on DaisyUI 5 and Tailwind CSS 4. Combines raw neobrutalist aesthetics with production-ready components.

Work in Progress

This showcase is being built alongside Nick Roth's personal site. Check back for updates!

Design Principles

🎨 Bold & Unapologetic

Thick 4px borders, hard shadows, high contrast. No subtle gradients or soft edges here.

âš¡ Zero Runtime JS

All styling is pure CSS. Animations use CSS only. Framework-agnostic and blazing fast.

🌓 Dark Mode Native

Automatic system preference detection. Works perfectly in both light and dark themes.

🧩 DaisyUI Native

Uses standard DaisyUI class names. No custom wrappers. Drop-in compatible.

Quick Start

npm install daisyui@latest
npm install @tailwindcss/browser@4
Copy global.css from this repo
Use standard DaisyUI classes

What's Included

  • Complete color system (light + dark modes)
  • Typography scale with custom font weights
  • Spacing system based on 4px base unit
  • Shadow utilities (brutal-sm, brutal, brutal-lg, brutal-xl)
  • Rotation utilities for sticker aesthetic
  • Hover and animation utilities
  • All DaisyUI components styled with neobrutalism
Explore Foundation → Browse Components
```