Gnomad Studio · Desktop

Beta

Gnomad Webcanvas

Live HTML, CSS, and JavaScript playground with instant preview.

v0.1.0-beta.5

Download Try in browser GitHub Releases All apps

What it does

Prototype UI ideas without spinning up a dev server. Three synchronized editor panes, viewport presets, CDN library toggles, color and typography tools, and one-click export to a static bundle. Share work via compressed URL hash — no backend required.

Run it in the browser for zero-friction experiments, or install the desktop app for native Open/Save dialogs and offline use. No account, no cloud — your projects stay in localStorage or on disk.

Features

Editor

  • Resizable Monaco panes with dark, light, and high-contrast themes
  • Multi-project localStorage with starter templates
  • Toggle CDN libs — Tailwind, GSAP, Three.js, and more

Preview & tools

  • Viewport presets and fullscreen preview
  • Console capture from the iframe
  • Color picker, CSS generator, font pairings

Export & share

  • Download ZIP (index.html + style.css + script.js)
  • Native Open/Save on desktop via Tauri
  • LZ-compressed share URLs — no server

Stack

Start prototyping

Try in the browser or download for macOS, Windows, and Linux.

Open in browser Download