Introduction | @trents/ui

Re-styled shadcn/ui components with thick borders, offset shadows, and swappable color palettes. Install with the CLI, own the code.

What is Neobrutalism?

Neobrutalism is a design trend that borrows from brutalist architecture — thick borders, solid shadows, high-contrast color, and no attempt to hide the structure. It prioritizes function and visual directness over polish.

In UI terms: hard edges, flat drop shadows, saturated palettes, and type that fills the space.

What is this library?

A set of shadcn/ui components restyled with a neobrutalism design language. Same API, same accessibility — different look.

Components install directly into your project via the shadcn CLI. You get the source code.

bunx --bun shadcn@latest add https://trents.tech/r/button.json

Features

50+ components with consistent styling

Built on shadcn/ui with the same API

12 color palettes, configurable radius and shadows

Light and dark mode

Install via shadcn CLI registry

Source code ownership — no runtime dependency

Credits

Inspired by shadcn/ui and the gitingest project. Built with Radix UI, Tailwind CSS, and Astro.