Everything Variant ships

A visual canvas, a code editor, an agent-friendly API, a brand kit that keeps every deck on-brand, and a portable export format — built to work together.

Editor

Canvas built for slides

  • Visual canvas

    Drag, resize, marquee-select, nudge with arrow keys. Multi-select to move or restyle elements together.

  • Four-tab inspector

    Format, Arrange, Code, History — every property for the selected element in one panel.

  • Keyboard shortcuts

    Undo, nudge, duplicate, reorder (front/back), bring forward. Press ⌘/ to see them all.

  • Zoom & present

    Zoom from 25% to 300%. One click launches fullscreen present mode, or open a deck's present URL on any screen.

Code & design

Real HTML and CSS, all the way down

  • Standard HTML & CSS

    No proprietary format. Every slide is markup a browser renders natively — readable, version-controllable, editable in any text editor.

  • Tailwind utility classes

    Use Tailwind classes inline when you want them. The renderer pulls in the Tailwind browser runtime — no build step, no extra setup.

  • Per-deck themes

    Define primary, background, text, surface, muted, and accent colors per deck. Every slide picks them up through CSS variables.

  • Custom fonts & gradients

    Any Google Font, any gradient, any CSS animation. If a browser can render it, a Variant slide can too.

  • On-brand by default

    Drop in your logos, wordmarks, and a markdown brief on voice and visual rules. Agents read the guidelines through the brand.context tool and reference uploaded assets via asset://brand.<alias>, so every draft picks up your visual rules without a manual cleanup pass.

  • Interactive runtimes

    Opt in per-deck to Tailwind, Chart.js, D3, GSAP, or Three.js. Build live charts, animations, or 3D scenes that stay editable instead of flattened to images.

Claude Code + MCP

Agents write real slides

  • Generate from a prompt

    Describe the deck, Claude Code drafts it. The agent uses the same HTML and CSS you'd write by hand — no synthetic slide language.

  • OAuth or token auth

    Connect Claude Code via Clerk-managed OAuth (one click), or paste a scoped bearer token with up to 90-day TTL.

  • Batch mutations

    Create, replace, update, and delete many slides in a single call with optimistic concurrency — no partial writes.

  • Slide previews over MCP

    Agents can render a slide to PNG or JPEG at up to 2× scale to see what they just built, then iterate.

Ship & share

Decks are files, not accounts

  • One-file HTML export

    Your deck as a single self-contained .html file. Hosted anywhere, opened by any browser, commit-ready.

  • PDF, PPTX

    Server-side export jobs for PDF and PPTX. HTML for everything else.

  • Versions & trash

    Every save is a version. Restore any past deck or individual slide. Trashed decks stay recoverable — nothing is destructively deleted.

  • Workspace sharing

    Invite teammates as editors or viewers, or send a public share link anyone can open. Revoke any link or seat anytime.