Case Study

Gnomad Webcanvas

Live HTML, CSS, and JavaScript playground with Monaco panes, designer tools, ZIP export, and native desktop builds — or run in the browser with no install.

Client: David the Gnomad Inc.
  • Tauri 2
  • React 19
  • Monaco
  • Vite 7
  • tauri
  • monaco
  • design
  • prototyping

Overview

Gnomad Webcanvas is a zero-backend prototyping surface: three synchronized editor panes, live iframe preview, viewport presets, CDN library toggles, and one-click export to a static bundle. Share work via compressed URL hash — no server required.

Highlights

  • Monaco editor — resizable HTML / CSS / JS panes with theme presets
  • Designer tools — color picker, CSS generator, font pairings, console capture
  • Export & share — ZIP download, native Open/Save on desktop, LZ-compressed share URLs
  • Cross-platform — macOS, Windows, and Linux installers plus browser demo

Release