Components you can use in notes

Every component you can place in a monthlet note. Ask in chat, for example "turn this into a how-to" or "make a bar chart of sales", and the AI picks components that fit and builds the note. You can also place them yourself from the "+" menu in edit mode.

Basic

Text

A plain paragraph. It can also be set larger as a lead, smaller as a note, or centered.

Heading

Headings divide a note, and the first one becomes its title. You can add a small label such as "STEP 1" above a heading.

Quote

Sets quoted text apart from the body, with an optional author and source.

Callout

Highlights a note or warning in a colored box, in info, tip, warning, or danger style.

Code

Shows code in a monospaced font with syntax highlighting. You can add a file name above it.

Divider

Draws a horizontal line between sections.

Lists

Bulleted list

Lists items in no particular order. Press Tab to indent an item and Shift+Tab to move it back out, up to five levels.

Numbered list

Lists items with numbers. Press Tab to indent an item and Shift+Tab to move it back out, up to five levels.

Checklist

A list of things to tick off, such as to-dos or a packing list. Click an item to check it; the state is saved in the note.

Checkbox

A single item to confirm. Click to mark it done or not done; the state is saved in the note.

Table

Table

Arranges data in rows and columns. You can sort by column and show the total, average, minimum, or maximum.

Media

Image

Places an image, with an optional caption.

Video

Places a video you can play inside the note.

Audio

Places an audio file you can play inside the note.

Layout

Two columns

Places content side by side in two columns, for comparisons or text next to a figure.

Columns

A grid of two to four columns, one item per column.

Card

Groups related content on a single card, with an optional fill or tinted background.

Toggle

A section that opens and closes with a click, for extra details or FAQs.

Tabs

Shows content in tabs you switch between, for example by period.

Table of contents

Builds a table of contents from the note's headings. Click an entry to jump to that heading; the list updates when headings change.

Data

Timeline

Lists dated events in order.

Steps

Numbered steps, for how-tos and procedures.

Stats

Shows key figures as large numbers.

Progress bars

Shows completion or progress as bars from 0 to 100%.

Feature cards

A row of cards with an icon, a title, and a short description, for features or benefits.

Badges

Short labels such as tags or states, shown as colored pills.

Key-value list

Pairs of names and values in two columns, for overviews or specs.

Chart

Turns numbers into a chart: bar, line, area, stacked, pie, donut, radar, and more.

Diagram

Draws flowcharts and org charts, laid out automatically.

Mind map

A map that branches out from one central topic. Branches spread left and right, each in its own color.

Math

Displays equations written in LaTeX, including short inline ones within text.

Slider

A bar you drag to set a score such as priority or satisfaction. The value is saved in the note.

Status

Shows a state such as Todo, Doing, or Done as a colored badge. Click it to move to the next state.

Calc field

Calculates a sum, average, or weighted average from named numbers. Change an input and the result updates.

Each note is a single, ordinary HTML file. Math, diagrams, and charts are written into the exported file as they are. Sliders and statuses show their last value in the exported file.