gramlot

Pre-alpha. First usable release planned for late 2026.

Browser interfaces · Python & JavaScript

From a simple page
to a working application.

Gramlot is a framework for building browser interfaces in Python or JavaScript. Describe your page, connect its fields to data, and let the interface respond as that data changes.

For developers exploring forms, data-driven pages and reusable interface components.

Try it first

Real examples. Different ways to explore.

Use a small app, compare how it is written, or experiment with visual composition. Here is what you will find behind each link.

Rosetta · Online learning lab

One example.
Five ways to build it.

Rosetta puts the same small interface in Gramlot Python, Gramlot JavaScript, React, Vue and NiceGUI. Switch between implementations and see the running example beside its actual source.

Start with Hello World, then explore input fields and data binding. In the Gramlot JS version, edit the recipe and press Run to try your changes.

Opens rosetta.gramlot.org · Requires a connection · Edits are temporary

Rosetta: Hello World with five framework tabs, the running page and its Python source.
Personal budget · Downloadable app

A small spreadsheet you can keep.

Edit monthly income and expenses in aligned rows. Category totals and the remaining balance update together.

Download a single HTML file to use offline, without a server. Export your amounts to JSON to keep them between sessions; there is no automatic saving.

Try the budget & download
Visual editor · Experimental

Compose a page on a live canvas.

Add widgets, adjust their attributes and inspect the page’s Source and Data. See how visual changes become part of the interface.

An early experiment in graphical authoring. Changes are temporary; project saving and export are not available yet.

Explore the visual editor

Understand the building blocks

Start small. Read the code that runs.

01 / FIRST STEPS

One field, then a page.

Follow small Python and JavaScript examples to understand data binding and local scopes.

Follow the tutorial
02 / WIDGETS

Find your next component.

Browse inputs and interface elements, with running examples and their recipes. Entries still awaiting examples are labelled.

Browse the widget gallery
03 / DOCUMENTATION

Build on what you learn.

Read the manual for page authoring, components and FastAPI integration.

Read the documentation

Want the smallest standalone example? Open the one-textbox page.

Where we are today

Open to exploration.
Still taking shape.

Gramlot is pre-alpha. The first usable release is planned for late 2026. These examples let you explore the direction today; APIs and tools can still change.

Follow the project’s development on GitHub. The gallery, Rosetta and the visual editor will grow alongside the framework.

Follow Gramlot on GitHub