Introduction to Gram Elements

Become a design partner

We're looking for early adopters to help shape the future of Gram Elements. Get early access to new features, influence the roadmap, and receive dedicated support from our team.

Talk to our team

Gram Elements is a batteries-included UX toolkit that makes building AI chat experiences easy and intuitive.

You get a simple <Chat /> component that comes with the following features:

Drop-in React

A React component library for building chat UIs.

MCP-enabled

Connected to MCP for accessing your data.

Hosted infra

Serverless infra for deploying your chat experiences.

Visualization

Transform code blocks into rich visualizations.

Custom theming

Customize the look and feel to match your brand.

Chat state

Efficient rendering of streaming responses.

Start building with Gram Elements

Install the Gram Elements package and see our quickstart guide to get your first chat-based experience running in minutes.

Live Preview

To see Gram Elements in action, check out the live preview below.

Try Gram Elements

This chat experience was built with Gram Elements. What will you build?

Last updated on December 12, 2025