Documentation

Where to learn each part of Radii Office. Every example in OpenDB is drawn live with the real engine.

Start here

Keydown guide

Every tag, chip, divider, quote look and style, with live examples.

Open the Keydown article →

Products

All the apps, what each one does and how to open it.

Browse the apps →

OpenDB

The free reusable database: articles, media, papers and lites.

Open OpenDB →

Source code

Download the whole site and read how it is made.

Get the source →

Keydown in one minute

WriteYou get
**bold** *italic* `code`Plain formatting.
++R+text++A glossy Aero chip (more kinds: ++R= glass, ++R* orb, ++R: ring, ++R~ toast).
!!#C#text#A Rim chip (more families with other symbols after !!).
@family-3@text@One of the 4,950 Unique Styles (the number after the dash picks the colorway).
!> text, ?> text, >> text...A quote with a different look (14 looks).
::divider{wavy|Title|red}A divider (23 styles, 16 colors); ::pagebreak starts a new page.
$x^2$ and $$...$$Math, drawn by KaTeX.
*sp(text)A spoiler, hidden until you click it.
| textIndents the first line of a paragraph.

Press Enter at the end of a line in Writeout or Bitbook to turn the tags on that line into formatting, and use Un-format and Re-format in the Skills tab to see or redo the tags.

BitLang

BitLang is the small language behind Bitbook programs. A program shows things with renderRT("Hello"), adds buttons with btn(function, "label"), swaps contents on hover with onhover=, and changes how things look with effect_size, effect_tint and friends. Open any note, add a program with the Skills tab, and press ? Guide inside the editor for the full manual.

Plume

Plume turns small component files into working interface pieces, a bit like Svelte. A component is plain HTML, then CSS, then a script in a BitLang-like language, separated by lines of ---. Other languages (like Rust compiled to WebAssembly) come after them in the order you list them.

Apps with their own guides