Transform Text Agents into Visual Experiences
Watch how Fractal turns basic chatbot responses into rich, interactive visual components in real-time
Traditional Chatbot
With Fractal
The Fractal Architecture
A complete ecosystem connecting AI agents to the world through beautiful, functional interfaces
Fractal Registry
Weather.com
DoorDash
Expedia
Agent SDK
Easy-to-use SDKs for integrating Fractal components into your AI agents and chatbots.
Free Registry
Public component registry available at no cost. Discover and share components globally.
MCP SDK
SDK for MCP servers to return beautiful, functional UI components instead of plain text.
Get Started in 60 Seconds
Start building an MCP server with Fractal components right now
Install
npm install fractal-mcp
Add Fractal to your existing project
Quick CLI Setup
npx create-mcp-server # Follow the prompts to create # your first Fractal-enabled # MCP server
Bootstrap a new MCP server with Fractal components pre-configured
Manual Integration
const { createComponent } = require('fractal-mcp');
// Create your first component
const weatherCard = createComponent('WeatherCard', {
temperature: 72,
condition: 'sunny',
interactive: true
});Add Fractal to your existing MCP server with a few lines of code
Why Components, Not Just Data?
The core insight that transforms how AI agents interact with the world
Current MCP Approach
JSON â Text UI
Traditional MCP servers return raw JSON data, forcing agents to describe interfaces in plain text. This creates a disconnect between data and presentation.
{
"type": "weather_data",
"temperature": 72,
"condition": "sunny",
"humidity": 45
}
â "The weather is sunny with a
temperature of 72°F and 45%
humidity."Fractal Approach
UI Components â Rich Interfaces
Fractal returns complete UI components that render as beautiful, interactive interfaces. Agents can now provide rich visual experiences, not just text descriptions.
{
"type": "fractal_component",
"component": "WeatherCard",
"props": {
"temperature": 72,
"condition": "sunny",
"humidity": 45,
"interactive": true
}
}
â Renders as interactive
weather card with icons,
animations, and controlsEverything you need to build agent-ready UIs
From public components to private tools, Fractal provides the complete toolkit for the AI era.
Public Registry
Discover and use open-source components shared by the global AI community.
Private Registry
Keep your proprietary tools secure and accessible only to your own agents.
SDKs
Build agent-ready UIs with our comprehensive developer kits and tools.
Ready to Transform Your Chatbot?
Join thousands of developers who are already building the next generation of AI interfaces with Fractal.