Introduction
Welcome to fractal! Our SDKs allow developers to embed rich UI experiences directly in chat applications.
With fractal, MCP devs can return UI components directly from their tools, and agent devs can easily embed UI components directly in their chat applications.
Before we go on, we would like to thank the MCP UI project and community for their work in the space. MCP UI has developed and evangelized the foundations of a protocol for returning UI components from MCP servers and rendering them in a chat. As such we have made an effort towards compatibility with them our latest iteration.
The Fractal Ecosystem
Fractal provides a complete toolkit for enabling rich UI experiences within chat applications. The fractal ecosystem is made up of several pieces
Fractal SDKs
Fractal’s SDKs are available on npm and on github.
The @fractal-mcp/server-ui-react
library provides the useUIMessenger
hook, which allows embedded components to receive render data from a host application, and notify the host on key events, such as a component resizing or a link being clicked.
For non-react apps, the @fractal-mcp/server-ui
library provides the same functionality through the UIMessenger
class.
The @fractal-mcp/mcp-express
library can save developers from some of the hassles of wiring up an express MCP server.
The @fractal-mcp/client-ui-react
library exposes a special component FractalUIResourceRenderer
for rendering embedded UIs.
Fractal Registry
Fractal also maintains a registry of UI-enabled MCP servers, with support for authentication, discovery, and more.
Our Philosophy
It is obvious that AI has improved the way we engage with the internet, but it has done so imperfectly, and at the expense of the website owners who made the internet great in the first place. Our philosophy can be summed up as follows:
- Long-form text is NOT the best medium for the internet of tomorrow.
- Website owners deserve to maintain ownership of their content and branding when they are accessed by a chatbot.
Fractal is building towards a world where AI agents facilitate interaction between users and the internet, and no longer act as opaque middlemen and gatekeepers.
Next steps
Happy fractalling! 🎉