Overview

HTML Rendering allows you to transform structured data, AI-generated content, and dynamic templates into fully rendered HTML output directly within the platform. Rather than working with raw markup or exporting content to external tools, you can preview, iterate on, and deliver polished HTML assets without ever leaving your workflow.

The rendering engine supports standard HTML, inline CSS, and JS functions, giving you the flexibility to produce anything from simple formatted text blocks to complex, interactive layouts. Output is rendered in a secure, sandboxed environment to ensure stability and safety across all use cases.

Who is it for

If you’re unable to access certain features or sections of this article, it’s possible that your firm doesn’t have access or hasn’t upgraded to the latest version. Please reach out to your internal support team for further assistance.

HTML Rendering is designed for a wide range of users across your organization. Whether you are a technical developer building integrations or a non-technical team member assembling client-facing deliverables, the feature adapts to your skill level and objectives.

Benefits

HTML Rendering brings several key advantages to your workflow by keeping content creation, preview, and delivery within a single environment.

Use Cases

HTML Rendering supports a broad range of practical applications. Below are some of the most common scenarios where teams find the feature valuable.

Formatted Reports and Summaries

Generate structured HTML reports from raw data or AI analysis outputs. Teams commonly use this to produce executive summaries, weekly performance recaps, or research briefings that can be shared via email or embedded in internal portals.

Client-Facing Deliverables

Assemble polished HTML pages or sections for proposals, pitch materials, or onboarding guides. The rendering engine ensures your output looks professional and aligns with your brand guidelines. HTML outputs can be saved as .png files for client-ready documents

Data Visualization Embeds

Render HTML containers for charts, tables, and interactive data displays. Combine AI-retrieved dataset with structured HTML to produce dashboard-style views that can be exported or embedded elsewhere.

Prototyping and UI Preview

Developers can use the rendering feature to quickly prototype UI components, validate template logic, or preview the output of HTML-generating APIs before deploying to production.

Step-by-Step Guide

Step 1: Open a Space with HTML Rendering Enabled

Navigate to an existing space that has the HTML Rendering feature enabled, or request your Admin to create a new space and Enable HTML Rendering . Once activated, the code reflector will be available, giving you the ability to view HTML in chat.

Step 2: Prompt to Generate Your HTML

Type a natural language prompt describing the content you need. For example, you might enter “Create a two-column summary table with headers for Q1 revenue by region” or “Build a formatted email template with a hero banner and three feature blocks.” The AI will generate the corresponding HTML markup based on your description.

Step 3: Preview Your Output

The preview panel updates automatically once the HTML is generated. Review the rendered output to verify layout, formatting, and content accuracy. Use the responsive preview toggle to check how your content appears at different screen widths and ensure it meets your requirements.

Step 4: Iterate and Refine

Prompt the AI to revise specific sections or make adjustments as needed. You can ask for changes like “Make the header font larger,” “Switch to a dark background,” or “Add a third column for year-over-year change” and the AI will update the markup accordingly. Each revision updates the live preview instantly, allowing you to fine-tune until the output is exactly right.

Step 5: Export or Share

Once you are satisfied with the output, choose your delivery method. You can copy the raw HTML to your clipboard, download the rendered content as an HTML file, share a preview link with collaborators, or embed the output directly into another workflow within the platform.

Tips & Tricks

• Use specific prompts. When generating HTML with AI, be as descriptive as possible. Instead of "make a table," try "create a 4-column table with alternating row shading, headers in bold, and right-aligned numeric values."

• Preview at multiple widths. Use the download HTML button to check how your content looks on desktop, tablet, and mobile screen sizes.

• Test with real data. When building templates for reports or data displays, use representative sample data during the preview stage. This helps you catch formatting issues with edge cases like long text strings or large numbers.

Limitations

While HTML Rendering is a powerful and flexible feature, there are some boundaries to be aware of when planning your use cases.