# Oxide UI — Full Component Source # Generated for AI ingestion. See /llms.txt for the index. # All components use Tailwind CSS utility classes. Dark mode only. # Accent color: #D40C37. Background: zinc-950 (#09090b). Surface: zinc-900 (#18181b). --- ## BUTTON ### Button / Primary ```html ``` ### Button / Secondary ```html ``` ### Button / Outline ```html ``` ### Button / Ghost ```html ``` ### Button / Destructive ```html ``` ### Button / Disabled ```html ``` ### Button / Small ```html ``` ### Button / Large ```html ``` ### Button / With Icon ```html ``` ### Button / Icon Only ```html ``` --- ## BADGE ### Badge / Default (brand) ```html Default ``` ### Badge / Secondary ```html Secondary ``` ### Badge / Success ```html Success ``` ### Badge / Warning ```html Warning ``` ### Badge / Error ```html Error ``` ### Badge / Outline ```html Outline ``` ### Badge / Live (with pulse dot) ```html Live ``` ### Badge / Count pill ```html 12 ``` --- ## CARD ### Card / Basic ```html

Card title

Card description or body content goes here.

``` ### Card / With header and footer ```html

Team members

Manage access for your workspace.

Content area.

3 members
``` ### Card / Stat card ```html

Total revenue

$48,295

+12.5% vs last month
``` ### Card / Interactive (clickable) ```html

Clickable card

The entire card is a link target.

 ``` --- ## INPUT ### Input / Basic ```html ``` ### Input / With label ```html
``` ### Input / With leading icon ```html
``` ### Input / Error state ```html

Must be at least 8 characters.

``` ### Input / Disabled ```html ``` ### Input / Textarea ```html ``` --- ## ALERT ### Alert / Info ```html

Title

Description text.

``` ### Alert / Success ```html

Title

Description text.

``` ### Alert / Warning ```html

Title

Description text.

``` ### Alert / Error ```html ``` ### Alert / Dismissible ```html

Alert message text.

```