Introduction
Oxide UI is a dark-mode-only Tailwind CSS component library built for developer tools, dashboards, SaaS products, and anything that lives in the dark.
What it is
A collection of hand-crafted UI components distributed as copy-paste HTML + Tailwind CSS classes. There is no package to install, no version to manage, and no abstraction layer between you and your markup.
Every component on this site is a snippet you can read, understand, and own completely.
What it isn't
Oxide UI is not a component framework. It does not ship a JavaScript bundle, enforce any component API, or add runtime overhead to your project. It is closer to a design system reference than a library.
If you need logic-heavy primitives (dropdowns, dialogs, comboboxes), pair Oxide UI patterns with Headless UI or Radix Primitives.
Design philosophy
Dark only. Supporting both light and dark themes doubles the surface area for every design decision. We chose dark. Every contrast ratio, every shadow, every surface color is tuned for dark backgrounds.
Zinc scale. Backgrounds use Tailwind's zinc palette (zinc-900 → zinc-950) with #09090b as the deepest layer. This gives a neutral, high-contrast foundation that works with any accent color.
One accent. The brand color is #D40C37 — a saturated crimson that reads instantly on dark surfaces. Used sparingly, it draws the eye to what matters.
Readable at 3am. Components are sized, spaced, and weighted for legibility under developer working conditions.
AI & LLM support
Oxide UI ships with first-class support for AI coding tools:
/llms.txt— A machine-readable index of every component and doc page/llms-full.txt— Full component source code for direct ingestion- Schema.org structured data on every page for richer AI search results
- Semantic HTML so language models can reason about component intent, not just classes
Next steps
- Installation — Set up Tailwind and use your first component
- Theming — Adapt Oxide UI to your brand colors
- Button — Start with the most fundamental component