7GUIs in Svelte 5
Svelte 5TypeScriptViteDockerRailway
Implementation of the 7GUIs benchmark in Svelte 5 + TypeScript. 7GUIs is a set of GUI programming challenges that test a framework’s ability to handle state management, data binding, and event handling across progressively complex tasks.
Live demo: https://svelte7guis-production.up.railway.app/
Tasks Implemented
| # | Task | Concepts |
|---|---|---|
| 1 | Counter | Basic state, button events |
| 2 | Temperature Converter | Bidirectional data binding |
| 3 | Flight Booker | Constrained input, conditional state |
| 4 | Timer | Concurrency, background tasks |
| 5 | CRUD | List management, filtering, selection |
| 6 | Circle Drawer | Canvas, undo/redo |
| 7 | Cells | Spreadsheet, formula parsing, reactive dependencies |
Stack
Svelte 5 · TypeScript · Vite · Docker · Railway
Run locally
npm install
npm run dev