Skip to Content
DocsGetting StartedWhat is DriftGrid

What is DriftGrid

DriftGrid is a design iteration platform built for AI agents. It solves a simple problem: when your AI agent generates HTML designs, where do they go?

The Problem

You ask Claude to create a landing page. It writes HTML. You ask for a darker version. It writes another file. You ask for a mobile layout. Another file. Pretty soon you have v1.html, v2.html, v3-dark.html, v3-dark-mobile.html — scattered across your filesystem with no way to compare them side by side.

The Solution

DriftGrid organizes your designs on an infinite canvas grid:

  • Columns are concepts — different design directions (e.g., “Clean Minimal”, “Dark Athletic”, “Mint Split”)
  • Rows are versions — iterations within a direction (v1, v2, v3…)
  • Drift up (D) to create a new version
  • Drift right (Shift+D) to explore a new direction

Every frame is a real HTML page — not a screenshot. Interactive prototypes work out of the box.

Who is it for?

  • Designers using AI agents — Claude Code, Cursor, Copilot, or any tool that writes HTML
  • Design teams sharing work with clients — shareable links with anonymous commenting
  • Solo practitioners — local-first, no cloud required, your files stay on your machine

How it works

  1. Agent writes — Point Claude Code at your project. It creates versioned HTML designs.
  2. You browse — Navigate the grid with arrow keys. Star your favorites.
  3. You prompt — Press C to leave a prompt on any frame. Your agent reads it and iterates.
  4. You share — Generate a link. Clients browse and comment without accounts.

Key Principles

  • Local-first — your files live on your machine. No lock-in, no forced cloud.
  • BYO Agent — DriftGrid never calls an AI API. It’s the canvas, not the brain.
  • Live HTML — every frame is a real page, not a static image.
  • Terminal-firstdriftgrid init in your terminal, not a web form.
Last updated on