[FRAMEWORK v0.3.1]

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.

Build AI agents that remember, reason, and act — with tools, memory, guardrails, multi-agent orchestration, and built-in evals. One framework, from UI to AI.

> GET STARTED > EXPLORE PACKAGES

[QUICK INSTALL]

$ npx create-fabrk-app my-app

109+

COMPONENTS

Pre-built UI components with terminal aesthetic

PACKAGES

Modular packages for auth, payments, AI, and more

THEMES

Design system themes with runtime switching

3221

TESTS

Comprehensive test coverage across agents, tools, memory, workflows, and UI

[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.