Radial app
Getting started
Radial is a visual editor for marketing-site codebases. Open a real repo (Next.js, Astro, or plain HTML), see it running live, and click text, links, or images to edit them. Changes are written back to the actual source code, and the site stays as plain code in your own GitHub repo. No platform lock-in.
Requirements
- macOS on Apple Silicon.
- Node 18 or newer, installed any way you like (Homebrew, nvm, Volta, or nodejs.org). Radial resolves your login shell's PATH, so it finds Node even when launched from Finder, and shows a clear message if it's missing.
- git with your usual auth, if you'll open private repos; Radial uses your machine's existing git credentials.
-
A coding-agent CLI: Claude Code, Codex, or
Cursor, signed into your own account. Radial launches the CLI you
already use (an
ANTHROPIC_API_KEYenvironment variable also works for Claude Code). If nothing is installed or signed in, Settings → Agent walks you through it in one step.
Install
One terminal command installs the app and starts the setup assistant; see Install & setup:
curl -fsSL https://radial.to/install | sh
Or download the app free from radial.to/download (macOS, Apple Silicon; signed and notarized). Open the DMG and drag Radial to Applications, like any Mac app. The free plan is the full product with up to 3 sites open at a time; see Plans & licensing.
Radial keeps itself current: updates download in the background and a small Restart to update pill appears when one is ready. Radial → Check for Updates… checks on demand.
Open your first project
The launcher offers three ways in:
-
Open from GitHub: paste a repo URL. Radial clones
it into
~/Radial/<owner>__<repo>, or fast-forwards an existing clone to the latest default branch. - Open local folder: for a repo you already have checked out.
-
Projects folder: point Radial at a folder like
~/Projectsand it lists every subfolder that looks like a website (has apackage.jsonorindex.html).
On first open Radial runs npm install automatically,
starts the project's dev server, and shows the live site in the
preview. From there, press T and click any text to edit
it, or S and click any element to hand it to the agent.
Next steps
- Editing & canvas tools: Select, Text, Comment, Inspect, and Draw.
- Agents & terminal: run Claude Code, Codex, or Cursor on the project.
- Launch check: catch SEO and accessibility gaps before shipping.
- Publishing: staging and production, straight from the app.