Home Docs Playground Packages Tools Versions GitHub

Start

Getting started Install ArcMoon, write a page and build it.
Installation Requirements, installing the arcm command and checking that it works.

Language

Syntax The whole language on one page: blocks, props, code, loops, components and styles.
Blocks What a block becomes, closing, names, brackets as text and arcm- props.
Self-closing blocks Blocks with no body: [name!], elements with no content, components.
Built-in blocks [doctype!], [for-each], [import] and [slot]: what each does, its rules and its errors.
Props name: value, value types, quotes, names and style props.
Comments # and ### comments, where # is not a comment, and writing # in text.
Escaping Writing [, #, ${ and \ as plain text, quoted values, and arcm-raw.
Raw text arcm-raw: true writes a body exactly as it is: code samples, inline scripts, JSON.
Loops [for-each]: lists, the index i, objects, data from files, nested loops, and live loops that follow a signal.
Build-time code ${ }$: Node.js that runs while the page is built.
Runtime code runtime ${ }$: JavaScript in the browser, events, refs, URL imports, await, and optional reactivity.
Reactivity arcmoon/reactive: signal, computed and effect, lists that change, and sharing state.
Components [import], props, slots and props that fall through.
Styles [style], scoped component styles, --name and css. props.

Reference

CLI arcm commands, build flags, what the build writes, and messages.
Configuration Every arcmoon.config.js key and every JavaScript API option: defaults, examples, when to use them.
JavaScript API compile(), build(), buildPages() and loadGraph(): ArcMoon from your own code.
Browser build Compile ArcMoon in the browser: render(), compile(), files, baseUrl and packages.
Protector Templates you didn't write never run until you trust them: the report, trust, and changes.

Nothing matches “”.

↑↓ move Enter open Esc close

Tools

Tools for ArcMoon

Helpful tools for writing ArcMoon: editor support, highlighting, and more to come.

v1.2.1
arcmoon-highlight

Colors ArcMoon code, on a page or in a live editor.
v1.2.2
arcmoon-lsp

Errors, completions and colors for .arcm files in your editor.

No tool matches “”.

A template language for web pages. Write .arcm, get plain HTML, CSS and JavaScript.

Version 1.1.0

Site

Home Docs Playground Packages Tools Versions

Get it

arcmoon on npm VS Code extension arcmoon-highlight arcmoon-lsp GitHub

© 2026 Adam Elmi · MIT License Built with ArcMoon, of course.