# Introduction

The official component library for the Monolith Design System.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).



**Monolith UI** is a highly opinionated, industrial component registry designed for building professional, dense, and utilitarian interfaces.

It is built as a custom [shadcn registry](https://ui.shadcn.com/docs/registry), meaning you do not install it via npm. You copy the code directly into your project and own it.

## The Philosophy [#the-philosophy]

* 📦 **Strict Geometry (0px or 9999px)** - Absolute elimination of soft corners. Structural elements are perfectly sharp (`0px`), while floating meta-actions (badges, avatars, scrollbar thumbs) are perfectly round (`9999px`). There is no middle ground.
* ⚡️ **Snappy & Utilitarian** - Strict `150ms` cap on all animations. No spring physics, no sluggish transitions.
* 🎨 **Monochromatic Core** - Black, white, and subtle grays form the entire structural hierarchy. Colors are weaponized exclusively for semantics (Success, Danger).
* 🧩 **Data-Dense** - Engineered for 14px body text (`text-body`) and minimal negative space. Designed for dashboards, IDEs, and heavy tooling.

## Tech Stack [#tech-stack]

* `Next.js 16` + App Router
* `React 19`
* `Tailwind CSS 4`
* `Radix UI` primitives (for accessible foundations)

## How It Works [#how-it-works]

This registry provides the foundational components (like Pagination, Scrollbars, Tooltips) pre-configured with the Monolith rules.

Install the CLI or use `npx shadcn@latest add` to pull the components into your project.

```bash
npx shadcn@latest add https://ui.manpuc.me/r/component-name.json
```