Skip to content
SolidJSv0.1.8MIT License

@f0rbit/ui

A minimal, composable UI component library for SolidJS

25+
Components
OKLCH
Colors
Zero
Runtime Deps

Why @f0rbit/ui?

Composable Architecture

Components are building blocks, not black boxes. No prop drilling or wrapper hell — just patterns that scale from prototype to production.

CSS-First Theming

Styling lives in CSS where it belongs. OKLCH tokens give you perceptually uniform colors with automatic dark mode — override any variable to make it yours.

Border-First Design

Backgrounds and loud colors compete for attention. We use subtle 1px borders instead, creating structure without noise so your content can breathe.

Zero Runtime Cost

No CSS-in-JS runtime or context providers. Static CSS plus lightweight SolidJS components that compile away — your bundle stays small, your app stays fast.

Components

See how theming works

SharpRound
CompactSpacious
Dashboard
423Users
98%Uptime
12Tasks
DefaultSuccessWarningActive

Quick Start

Install the package
Terminal window
bun add @f0rbit/ui
Import styles in your app entry
import "@f0rbit/ui/styles.css";
Use components
import { Button, Card } from "@f0rbit/ui";
<Card>
<Button>Click me</Button>
</Card>

Built With

Roadmap

In Progress

Table Component

Sortable, filterable data tables with virtual scrolling.

Toast Notifications

Non-blocking alerts with auto-dismiss and action support.

Date Picker

Calendar-based date selection with range support.

Tabs Component

Accessible tabbed interfaces with lazy loading.

Planned

  • Command Palette
  • Tree View
  • Virtualized List
  • Form Validation

Have a suggestion? Open an issue on GitHub.