Getting Started

Installation

pnpm add @dmm1/daemon-ui

Peer dependencies:

pnpm add react react-dom tailwindcss

Quick Start

Import the styles in your CSS entry point:

@import "@dmm1/daemon-ui/styles";

Add the @source directive so Tailwind 4 scans daemon-ui components:

@source "../node_modules/@dmm1/daemon-ui/dist";

Wrap your app with ThemeProvider:

import { ThemeProvider, Button } from '@dmm1/daemon-ui'

function App() {
  return (
    <ThemeProvider defaultTheme="dark">
      <Button variant="default">EXECUTE</Button>
    </ThemeProvider>
  )
}

What's included

daemon-ui ships 57+ components organized in categories:

• Foundation — Button, Input, Label, Badge, Spinner, Typography, Skeleton, Avatar, Progress
• Forms — Checkbox, Switch, RadioGroup, Slider, Textarea, Toggle, Field, Alert
• Overlays — Tooltip, Popover, Dialog, AlertDialog, Sheet, Drawer, Toast
• Navigation — DropdownMenu, ContextMenu, Tabs, Breadcrumb, Pagination, Command
• Data Display — Card, Accordion, Table, DataTable, Select, Combobox, Calendar, Chart, Sidebar

All components follow the HUD terminal aesthetic with dark-first design, monospace typography, and cyan/green accent colors.