# Oxide UI

> Oxide UI is a dark-mode-only Tailwind CSS component library for developers. Components are copy-paste HTML snippets styled with Tailwind CSS utility classes. No npm install required.

Oxide UI is designed for developer tools, dashboards, SaaS products, and anything that lives in the dark. It uses the zinc palette for backgrounds (zinc-950 as deepest layer) and #D40C37 (crimson) as the sole accent color. All components are framework-agnostic and rely on no JavaScript runtime.

## Getting Started

- [Introduction](/getting-started/): Design philosophy, what Oxide UI is and isn't, AI support overview
- [Installation](/getting-started/installation): Setting up Tailwind CSS, configuring dark mode, registering custom colors
- [Theming](/getting-started/theming): Changing accent color, surface depth, typography, and focus ring styles

## Components

- [Button](/components/button): Interactive buttons with primary, secondary, outline, ghost, and destructive variants; small/medium/large sizes; icon support; disabled state
- [Badge](/components/badge): Inline status labels with brand, secondary, success, warning, error, and outline variants; dot/pulse variant for live status; pill counts
- [Card](/components/card): Surface containers with basic, header+footer, icon, stat, and interactive/clickable variants
- [Input](/components/input): Text inputs with label pattern, leading icon, trailing button, error state, disabled state, and textarea variant
- [Alert](/components/alert): Feedback messages with info, success, warning, and error (destructive) variants; dismissible pattern

## Optional

- [llms-full.txt](/llms-full.txt): Full source HTML for every component variant, suitable for direct AI ingestion