Shape a page.
See it respond.

We are exploring a visual way to compose Gramlot interfaces: add widgets, move blocks and adjust their attributes directly on a live page.

Try the experimental editor →See how it works

An early working experiment. The editor’s scope and interface are still evolving.

The experimental editor: a widget catalogue on the left, a live page in the centre and the Source and Data inspector on the right. — A real view of the current Rosetta playground. Open it on a larger screen to explore the catalogue, canvas and inspector side by side.

A visual view of the live page.

The experiment edits Gramlot’s Source Bag: the structure that describes the interface. Changes appear in the running page, while Data remains available for inspection.

01 / COMPOSE

Add and arrange widgets.

Drag a widget from the catalogue into a container. Move existing blocks, change their order or remove them. Drop feedback shows where a block can go.

02 / ADJUST

Edit attributes in place.

Select a block and open its attribute editor. Explore its available parameters and see supported changes reflected in the live interface.

03 / UNDERSTAND

Keep Source and Data visible.

Inspect the structure and the data behind the page. Move Source branches in the inspector and observe how the interface follows.

What this preview means

A direction to explore.

The aim is to make visual composition and Gramlot’s declarative model work together. This playground demonstrates that direction; it is not yet a complete application authoring environment.

Edits are temporary. There is no project save or export workflow in this preview, and refreshing the page starts again. Available widgets and editing capabilities are experimental.

Gramlot is pre-alpha. The first usable Gramlot release is planned for late 2026. That is the project target, not a separate delivery commitment for this editor.