Free while in beta

Claude Code's
presentation canvas.

LLMs think in code, not boxes. Variant lets your agents build real HTML decks, while your team reviews, edits, and presents them on a shared visual canvas.

claude
~/project $ claude
> Make a pitch deck for our Series A fundraise
I'll create a presentation using Variant's MCP tools.
deck.create
|- title: "Series A Pitch"
`- Created dk_7xm2p
slides.batchUpdate
|- Cover, traction, and funding ask
`- Applied 3 slide changes
Done - 3 slides ready. Open in Variant to refine or present:
-> app.variant.art/deck/dk_7xm2p

Frequently asked questions

What is Variant?

Variant is a presentation tool where every slide is real HTML and CSS — no proprietary file format underneath. You design on a familiar visual canvas, drop into the code whenever you want precise control, and export your finished deck as a single self-contained HTML file you can share anywhere.

Who is Variant for?

Teams whose decks start with an AI coding agent. Engineering teams, product teams, founders, and agencies that already work in Claude Code, Codex, or Cursor and want presentation slides their agent can actually build and edit. If you'd rather your agent generate a real deck than describe one in chat, Variant is built for you.

Do I need to know how to code to use Variant?

Not at all. Most of the time you'll work on the canvas the way you would in any slide editor — drag, resize, type, pick colors and fonts in the inspector. The code is there for the moments you want pixel-level control, or for when an agent like Claude Code is doing the typing for you.

Are Variant slides really just HTML?

Yes. Each slide is standard HTML and CSS, with Tailwind utility classes baked in for convenience. That's the whole secret behind the product: agents can make small, precise edits, and you keep the visual canvas you're used to — without anyone losing control of the source.

Why generate HTML instead of images?

Tools that generate slides as images bake the content into pixels. Change one headline and you regenerate the whole slide, usually losing everything else on it. HTML keeps every word, color, and layout as editable text — small edits stay small, and the rest of the slide doesn't move.

Can I edit AI-generated slides afterward?

Yes. Open the deck on the canvas and adjust copy, layout, or styling the way you would in any slide editor. You can also hand it back to the agent for a follow-up pass. Generation isn't a one-shot — it's the start of a normal editing loop, and the file format never gets in your way.

Can slides include charts, embeds, or interactive content?

Yes. Because each slide is real HTML, you can drop in live charts, SVG diagrams, iframes, or any web component you'd put on a page. Data visualizations stay editable instead of being flattened into a screenshot, so updating the underlying numbers updates the chart.

What is an MCP presentation tool?

MCP (Model Context Protocol) is a bit like a USB port for AI assistants — it lets them connect to outside systems and call structured tools instead of only writing text back. A presentation MCP tool gives an agent slide-shaped controls. In Variant, Claude Code and Codex can create decks, edit individual elements, render previews, and trigger exports through 20 dedicated tools.

How does Variant work with Claude Code?

Claude Code connects to Variant over MCP — usually one command and an OAuth sign-in. Once connected, Claude Code can call Variant's 20 MCP tools to create decks, edit individual slides or elements, render previews, upload assets, and export the finished file. The slides it produces are real HTML and CSS you can keep editing on the canvas afterward.

Can Claude Code create a slide deck?

Yes. Once Variant is connected to Claude Code over MCP — about a minute with OAuth — you can ask Claude to draft a deck from a prompt, revise specific slides, or render a preview to check its work. The result lives in your Variant workspace, so you and your team can keep editing it on the canvas afterward.

Does Variant work with Codex or Cursor?

Yes. Codex and Cursor both speak MCP, so they can use the same Variant endpoint as Claude Code and call the same 20 tools — create decks, edit slides, render previews, trigger exports. For Codex, one command wires it up: codex mcp add variant --url https://mcp.variant.art/mcp.

How is Variant different from Gamma?

Gamma generates polished AI documents inside a hosted product. Variant gives an AI coding agent the keys: every slide is real HTML and CSS, edited on a canvas, exported as a portable file. If the second draft matters as much as the first, Variant fits better — agents can keep mutating the source without redrawing whole slides.

How is Variant different from PowerPoint?

PowerPoint is the corporate default — a desktop app with deep Office compatibility. Variant runs in a browser, with HTML slides an AI coding agent can build through MCP. It exports PPTX when you need it, but the source format is web code, not the .pptx document model.

Can I export to PPTX?

Yes. Variant exports HTML, PDF, and PPTX. HTML is the most native — one self-contained file that opens in any browser — but PPTX is one click away when someone asks for a slide file. PDF works too.

Can I export Variant decks to HTML?

Yes. Pick Export → HTML and you'll get a single .html file with your slide source, theme CSS, and a small browser presentation runtime inlined. Web fonts and any opted-in runtime libraries (Tailwind, Chart.js, D3, GSAP, Three.js) load from public CDNs at view time. Open it in any browser, host it on a static site, or commit it to a repo.