_

The most based UI library on the web. Fuck multimedia, fuck gradients, fuck "user experience", fuck "design", and above all fuck subtlety.

npm install @drjoshcsimmons/scl

Docs GitHub npm

> PALETTE

GREEN

HOTPINK

YELLOW

CYAN

BLUE

AMBER

RED

WHITE

> FEATURES

49+ Components

Buttons, Cards, Dialogs, Forms, Tables, and more. Everything you need for a complete terminal UI.

Radix Primitives

Built on accessible Radix UI primitives. Full keyboard navigation and screen reader support.

Tailwind CSS

Styled with Tailwind CSS and CSS variables. Easy to customize and theme to your needs.

> INTERACTIVE DEMO

Buttons

Various button styles

Badges

Status indicators

Default

Secondary

Outline

Error

Progress

Loading indicator

Skeleton

Loading placeholder

> QUICK START

1. Install

npm install @drjoshcsimmons/scl

2. Import CSS

// In your global CSS file
@import '@drjoshcsimmons/scl/globals.css';

3. Use Components

import { Button, Card } from '@drjoshcsimmons/scl'

export default function App() {
  return (
    <Card>
      <Button>Click me</Button>
    </Card>
  )
}