Beta is now open — Apply now

Apply for Beta
framingui

Agent-first Design System

framingui is the first design system AI agents can actually understand. Structured tokens and layout logic let agents generate professional, production-ready UI—directly in your codebase. No Figma. No guesswork.

Tekton Agentic
Design System

Settings
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Active
TK
Primary
#0F172A
--tekton-primary
Accent
#8B5CF6
--tekton-accent
Success
#10B981
--tekton-success
Warning
#F59E0B
--tekton-warning
Color Palette
Semantic & Scalable

High-Quality Templates. Zero Design Effort.

Every template ships with a complete OKLCH-based token architecture — atomic colors, semantic layers, typography, spacing, elevation, motion, density, state layers, and dark mode. All WCAG AA compliant out of the box.

From Chat to Production. Instantly.

Not locked to one platform. Claude Code, Cursor, Windsurf, OpenAI Codex — if it supports MCP, framingui works. One npx command and your agent has full design capabilities.
MCP
Next.js
Vite
React
Astro
MCP Versatility
Universal Framework Support
TYPES OK
CONSTRAINTS MET
Constraint Reliability
0% Hallucination Policy

Deterministic UI. No Hallucinations.

Raw LLMs guess at styles and layouts — framingui eliminates that. A semantic scoring algorithm places components using weighted rules, producing code that follows strict design constraints instead of hallucinating CSS.

Frequently Asked Questions

Everything you need to know about framingui.

Pick a template, install the MCP server with one command, and your AI coding tool is ready to generate production UI. During beta, your first template is free.