The Generative UI Toolkit for building AI Interfaces by
~ npm install @crayonai/react-core
ComponentsComponents
All you need for shipping
stunning AI Interfaces.
Build once. Ship everywhere.

Every single one of our components and shell are designed to be fully responsive and effortlessly adapt to all forms factors - agents, chatbots, copilots.

Batteries included.

Crayon Core provides a powerful abstraction for client-server communication in conversational interfaces, adaptable to various use cases, including custom extensions.

Backend Agnostic.

Crayon Core's communication interface is framework agnostic and doesn't impose any restrictions on the language or libraries that can be used in the backend.

Customizable & Accessible.

Built on top of Radix headless components and expose an easy way to theme them at the framework level or override specific styles in each component.

Frequently Asked Questions

Crayon is a Generative UI Toolkit designed specifically for building AI agents. It provides a comprehensive set of components and tools to create sophisticated, responsive agent interfaces.
Crayon can be used to build AI agents, chatbots, copilots or pretty much anything else.
Getting started with Crayon is simple.
Check out the Getting Started Guide to get started with building a NextJS app using Crayon.
Yes, Crayon is MIT licensed and free to use for both personal and commercial projects. We believe in making AI development accessible to everyone.
Absolutely! All Crayon components are highly customizable. You can modify styles, behaviors, and functionality to match your specific needs and brand requirements.
See Customization Guide for more details.

Join our community

Connect with other developers, share your work, and stay updated with the latest from Crayon.