⚙ Options ▶

Theme

Language

Bubble toolbar

Markdown shortcuts

Sticky toolbar

Read only

Max chars

Focus color

Height (px)

📄 Load Snippet ▶

Words0

Characters0

Reading time0 min

Paragraphs0

What can you try in this playground?

Toolbar configuration — toggle individual buttons or swap to a custom toolbar layout

Themes — switch between light, dark, and auto (system preference) themes

Markdown shortcuts — type **bold**, # Heading, - list and watch them transform instantly

@mention — type @ to trigger the mention autocomplete

Export — download the editor content as HTML or Markdown

Bubble toolbar — select any text to see the floating context toolbar

Autumn Note is a zero-dependency WYSIWYG rich text editor built with vanilla JavaScript. Read the full API docs →

Playground — try the editor live

What can you try in this playground?