Radial app

Projects & tabs

Radial works like a browser for your codebases: several projects open at once, each in its own tab with its own live preview, dev server, and editing state.

The launcher

When no project is open (or when you click the ◎ Home tab), the start screen shows:

• 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, using your machine's existing git auth.
• Open local folder: for a repo you already have checked out.
• Recent projects: everything you've opened, persisted across launches.
• Projects folder: point Radial at a folder (say ~/Projects) and it lists every subfolder that looks like a website (a package.json or index.html).

Tabs

Each open project is a tab, and each tab keeps its own preview, pages, edit mode, device width, undo history, terminal, and publish target.

• Tabs show the live page title and favicon, like a browser tab.
• The ◎ Home tab always returns to the launcher without closing anything.
• Closing a tab stops that project's dev server.
• A tab left alone for 5 minutes suspends its dev server (you'll see 💤) to free memory, and restarts it automatically when you click back.

Previewing at different widths

• Device widths: Desktop, Tablet (768px), or Mobile (390px), with hotkeys 1 / 2 / 3.
• Drag to resize: the grip on the preview's right edge sets any width. The preview stays centered and resizes symmetrically, and snaps back to full width at the edge.