Skip to main content
You will create a small message app, change its text from the preview URL, and save a final WebP.
1

Create a project

2

Add the app code

Replace main.star with the following:
3

Start the local preview

Open http://localhost:8080 in your browser.
4

Try a different message

Add a message value to the preview URL:
Reload the page to see the new text.
5

Check and save the app

Validate the project, then save its rendered output:

How it works

  1. load imports the runtime’s render module.
  2. main(config) is the app entry point.
  3. render.Box creates the background and centers its child.
  4. render.Text draws one line using a bundled pixel font.
  5. render.Root supplies the final widget tree to the encoder.
Inspect preview.webp at its actual size and zoomed in. A browser preview helps while building, but a physical display is the final check for color and readability.
Last modified on August 29, 2026