[FRAMEWORK v0.2.0]

THE FIRST UI FRAMEWORK
DESIGNED FOR AI CODING AGENTS

Stop generating 500 lines of custom components from scratch. Import pre-built, theme-aware components and tools. Ship full-stack apps in minutes, not hours.

> GET STARTED > EXPLORE PACKAGES

[QUICK INSTALL]

$ npx create-fabrk-app my-app

105+

COMPONENTS

Pre-built UI components with terminal aesthetic

PACKAGES

Modular packages for auth, payments, AI, and more

THEMES

Design system themes with runtime switching

764

TESTS

Comprehensive test coverage across all packages

[WHAT AI AGENTS SEE]

When a user says: "Build me a dashboard" — the AI generates:

import {
  KPICard, Card, BarChart, LineChart, DataTable, Badge
} from '@fabrk/components'
import { cn } from '@fabrk/core'
import { mode } from '@fabrk/design-system'

export default function Dashboard() {
  return (
    <div className="p-6 space-y-6">
      <div className="grid grid-cols-4 gap-4">
        <KPICard title="REVENUE" value="$12,340" trend={12.5} />
        <KPICard title="USERS" value="1,572" trend={8.3} />
      </div>
      <Card className={cn("p-6 border border-border", mode.radius)}>
        <BarChart data={revenueData} />
      </Card>
      <DataTable columns={columns} data={users} />
    </div>
  )
}

Result: Full dashboard with KPIs, charts, and data table. 2 minutes. Consistent design.