Python
Your Python code.
A working interface.
Explore running examples, read their Python source and inspect the live data.
Open Python gallery Getting started with Python →Gramlot · Open-source UI framework
Build web interfaces.
Start from Python.
Describe your interface and its behavior in Python. Gramlot supplies the browser runtime, components, data binding and validation, so you can focus on your application.
Your Python code.
JavaScript · Node.js & Bun
The same tools.
Written in JavaScript.
Try the JavaScript examples with the same components, bindings and inspector.
Open JavaScript gallery Getting started with JavaScript →Bonus · Serverless
Download it.
Try it offline.
Extract the entire ZIP and open index.html. No Python or Node.js server required.
Learn Gramlot
A little orientation.
Then a complete course.
Five orientation lessons to install, bind, inspect, calculate and call the server, followed by twenty practical lessons from your first Python Page to a working application.
Source describes the interface. Data holds its values. Bindings connect the two. Watch a small page take shape, then explore it with the inspector.
A first look, one step at a time
Jump into Gramlot.
3 minutes · English narration
Optional English captions
A real Gramlot page, recorded with the development inspector. The diagram makes the binding flow visible; the running page updates live.