fabrk

The full-stack framework for AI-powered apps, built on vinext.

fabrk composes vinext (Vite 7 + Next.js API + Cloudflare Workers) with AI agents, tools, 109+ components, auth, payments, and 18 themes.

Quick Start

npx create-fabrk-app my-app
cd my-app
npm install
npx fabrk dev

What You Get

Usage

Vite Plugin

// vite.config.ts
import fabrk from 'fabrk'

export default {
  plugins: [fabrk()]
}

AI Agents

// agents/chat/agent.ts
import { defineAgent } from 'fabrk/agents'

export default defineAgent({
  model: 'claude-sonnet-4-5-20250514',
  tools: ['search-docs'],
  systemPrompt: 'You are a helpful assistant.',
})

Tools

// tools/search-docs.ts
import { defineTool, textResult } from 'fabrk/tools'

export default defineTool({
  name: 'search-docs',
  description: 'Search documentation',
  schema: {
    type: 'object',
    properties: { query: { type: 'string' } },
    required: ['query'],
  },
  handler: async (input) => textResult(`Results for: ${input.query}`),
})

CLI

fabrk dev        # vinext dev + AI agents + MCP tools
fabrk build      # vinext build + AGENTS.md generation
fabrk deploy     # Cloudflare Workers deploy
fabrk info       # Show agents, tools, prompts

Architecture

vinext (Cloudflare)          @fabrk/* packages
  Vite plugin                  @fabrk/components (109+ UI)
  SSR / RSC                    @fabrk/ai (LLM, cost tracking)
  Routing                      @fabrk/auth (NextAuth, MFA)
  Next.js shims                @fabrk/payments (Stripe, Polar)
  Cloudflare deploy            @fabrk/design-system (18 themes)
         |                     ... 6 more packages
         v
    +---------+
    |  fabrk  |  <-- composes both
    +---------+

Dependencies

fabrk depends on the @fabrk/* ecosystem:

• @fabrk/components — 109+ UI components, 11 chart types, dashboard shell
• @fabrk/ai — LLM providers, cost tracking, embeddings, streaming
• @fabrk/design-system — 18 themes, design tokens

License

MIT