Composable UI for Agentic Applications

TetrisUI is the modular component library powering DOSS. Built on Shadcn + Radix + Geist primitives. 50 components. Dark mode native. Fully themeable. Ship consistent UI across every surface.

Browse components Playground

$pnpm add @doss/tetris-ui

50Components

14Blocks

7Accent Colors

6Radius Scales

3Surface Styles

Composable

Every component is a primitive you can compose up. Card + Table + Pagination = Data Table. Popover + Command = Combobox. Build what you need from what exists.

Themeable

CSS-variable-driven token system. Swap accent color, gray spectrum, radius, surface style, and fonts globally with one config. Dark and light mode native.

Accessible

Built on Radix UI primitives. Keyboard navigation, focus management, screen reader support, and ARIA attributes are handled at the primitive layer.

See it in action

Live components responding to your theme settings. Click Customize to change everything.

Full playground →

Quick Actions

Auto-sync

Alerts

LivePendingErrorNewDraft

$19.2KMRR+$2.4K

98.2%Uptime-0.1%

MEMezclaLive$2,400

KHKahawa 1893Live$1,800

BDBDF IndustriesOnboarding$3,200

3 integrations connected. 847 records synced. Next sync in 2 min.

Quick Setup

1. Install

pnpm add @doss/tetris-ui

2. Configure Tailwind

import { tetrisPreset } from
  "@doss/tetris-ui/tailwind-config";

export default {
  presets: [tetrisPreset],
};

3. Import tokens

@import "@doss/tetris-ui/tokens.css";

import { Button } from
  "@doss/tetris-ui";

Components by Category

Forms

Button, Input, Textarea, Label, Checkbox, Radio Group, +10 more

Layout

Card, Separator, Tabs, Accordion, Collapsible, Scroll Area, +2 more

Overlays

Dialog, Alert Dialog, Sheet, Popover, Tooltip, Hover Card, +6 more

Data Display

Badge, Table, KPI Card, Avatar, Skeleton, Empty State, +2 more

Navigation

Breadcrumb, Pagination

Feedback

Alert, Progress, Spinner

Typography

Kbd