Skip to main content

Coming Soon 🚀

We’re building a Custom Component Builder that will allow you to create your own visual components with custom layouts, data structures, and interactions.

Custom Layouts

Design your own component structure

Custom Data

Define your own data fields

Custom Actions

Create custom interactions

Reusable

Use across all channels

What You’ll Be Able to Do

Create Custom Components

// Future API (coming soon)
const customComponent = {
  type: "product-comparison",
  layout: "side-by-side",
  fields: [
    { name: "image", type: "image" },
    { name: "name", type: "text" },
    { name: "price", type: "currency" },
    { name: "rating", type: "stars" },
    { name: "features", type: "list" }
  ],
  actions: [
    { label: "Choose {{name}}", handler: "add_to_cart" }
  ]
};

Use in Responses

::: custom:product-comparison
{
  "products": [
    {
      "image": "url",
      "name": "Product A",
      "price": 999,
      "rating": 4.5,
      "features": ["Feature 1", "Feature 2"]
    }
  ]
}
:::

Examples We’re Building

Side-by-side product comparisons with specs

Timeline

We’re actively developing this feature. Expected release: Q1 2025

Stay Updated

Want early access or have ideas for custom components? Contact us:
We’ll notify all users when Custom Component Builder launches. In the meantime, use the 5 built-in components for rich responses!

Current Components