Skip to main content

Getting Started

Your first page

Create a new file with any name and write this:

# Hello World

This is my first page.

blue button: Click me

That's it. A heading, a paragraph, and a button. Open it in the playground and you'll see a rendered page.

Add some layout

Wrap things in a card: to group them, and use row: to place cards side by side:

row:
card 1/2:
# Left side
Some content here.

card 1/2:
# Right side
More content here.

Add navigation

Use nav: at the top and to link things together:

nav:
logo: My App
link: Home → /home
link: About → /about

# Welcome
Some intro text.

button: Learn More → /about

Set a theme

Add a theme at the very top of your file:

theme: dark
accent: blue

# My Page
...

Next steps

  • Core Concepts — understand indentation, modifiers, and the arrow
  • Elements — explore all available components