AirPro Commands

Page Setup

Command	Example	What it does

pagepage "My Site"Sets the browser tab title backgroundbackground color #1a1a2eSets the page background color fontfont bahnschriftSets the font for the whole page

Text

Command	Example	What it does

texttext "Hello" size large color white bold italic align centerAdds a paragraph — all options are optional headingheading "Title" color white level 2Big heading — level 1 (biggest) to 6 (smallest) boldbold "Important!" color red size largeBold paragraph with optional color and size italicitalic "Subtitle" color grayItalic paragraph with optional color and size centercenter "Some text"Centers plain text on the page

Links and Buttons

Command	Example	What it does

buttonbutton "Click me" link "https://google.com"A clickable button that opens a URL button (styled)button "Go" link "page.html" color coral rounded 20Button with custom color and rounded corners buttonrowbuttonrow "Save" "#" "Cancel" "#" "Delete" "#"Multiple buttons side by side on one line linklink "Click here" url "about.html" color cyanAn inline text hyperlink downloaddownload "Get AirPro" file "AirProSetup.exe"A download button for any file download (styled)download "Get AirPro" file "AirProSetup.exe" color green rounded 10Download button with custom color and rounded corners

Navigation

Command	Example	What it does

navbarnavbar "Home" "index.html" "About" "about.html"Navigation bar — pairs of label and filename navbar (styled)navbar "Home" "index.html" background navy color white rounded 10Navbar with background, text color and rounded corners

Layout

Command	Example	What it does

dividerdividerAdds a horizontal line divider (colored)divider color grayHorizontal line with a custom color spacespaceAdds 30px of empty space space (sized)space size 60Adds custom height empty space in pixels frameframe color white rounded 12 border gray padding 20 shadowOpens a styled box — close with endframe endframeendframeCloses the frame block groupgroup gap 20 align centerOpens a row of side-by-side elements — close with endgroup endgroupendgroupCloses the group block

Frame options: color, border, rounded, padding, width, align, shadow

Group options: gap, align (left / center / right), nowrap

Media

Command	Example	What it does

imageimage "photo.png" width 300 rounded 10Adds an image — supports PNG, JPG, GIF, WebP, SVG videovideo "clip.mp4" width 600 rounded 8Adds a video player with controls audioaudio "song.mp3"Adds an audio player with controls

Lists

Command	Example	What it does

listlistStarts a bullet list — close with endlist list orderedlist orderedStarts a numbered list — close with endlist itemitem "First item"Adds one item to the list above it endlistendlistCloses the list block

Tables

Command	Example	What it does

tabletable "Name" "Age" "City"Creates a table with column headers in quotes rowrow "Alice" "30" "Amsterdam"Adds a data row to the table above it

Forms

Command	Example	What it does

inputinput placeholder "Your name" width 300 rounded 8Text input — type: text, email, password, number checkboxcheckbox "I agree" checkedA checkbox — add checked to pre-tick it selectselect "Option A" "Option B" "Option C"A dropdown — all quoted strings become options

Parameters

Parameter	Values	Works on

colorany CSS name (red, coral...) or #hex like #ff0000text, heading, bold, italic, button, link, divider, navbar, download backgroundany CSS name or #hexbackground command, navbar, frame sizesmall / medium / largetext, heading, bold, italic alignleft / center / righttext, heading, navbar, frame, group roundedpixels, e.g. 10button, image, video, input, select, frame, navbar, download widthpixels, e.g. 300image, video, input, select, frame level1 to 6heading gappixels, e.g. 20group shadowjust write shadow — no value neededframe

Quotes inside text

What you write	What appears on the page

text "He said \"hello\" to me"He said "hello" to me heading "The book \"Dune\" is great"The book "Dune" is great

Made with AirPro