$ lede watch page.lede

Write Lede. Watch the page.

Type on the left; the page on the right compiles as you go. Pick an example to start from, switch between desktop and phone, and copy a link to what you wrote.

The playground compiles in your browser and needs JavaScript. Every other page on this site runs without it; the examples show compiled pages next to their source.

Example Width

Lede source

Loading the compiler.

Vocabulary, a slice

Insert a block at the cursor, then change it. The reference has every keyword and option.

@title # text and lists

@title Release 4.2
# What changed
Plain lines are paragraphs, with **bold** and `code` inline.
- Faster checkout
- [ ] Remove the old webhook

kpi metric tiles

kpi Uptime | 99.97% | +0.02 pts | good
kpi p99 latency | 182 ms | -12% | good
kpi Cost | $41,200 | +8% | bad

data + chart declare once, draw by name

data runs = week,deploys,rollbacks; W1,14,2; W2,19,1; W3,23,3; W4,31,1; W5,28,2; W6,34,1
chart line runs mark="W3 freeze lifted" title="Deploys per week"

table status words become pills

table = service,owner,p99,status; Checkout,Ana,182 ms,On track; Search,Wei,240 ms,At risk; Ledger,Sam,95 ms,Blocked; Billing,Ola,120 ms,Done

diagram laid out for you

diagram arch dir=LR
arch: user "Customer" user
arch: api "Payments API" svc focus
arch: db "Orders DB" db
arch: q "Events" queue
arch: user -> api : https
arch: api -> db : sql
arch: api --> q : async
arch: group vpc "VPC 10.0.0.0/16" api, db, q

diagram … sequence messages in order

diagram login sequence
login: browser "Browser" user
login: app "Web app" svc
login: idp "Identity" ext
login: browser -> app : POST /login
login: app -> idp : verify
login: idp --> app : ok
login: app --> browser : 302 + cookie

! !! !!! note, warning, critical

! The cache now expires on write.
!! Two flags depend on billing_v2.
!!! Writes are paused until 04:00.

cards options side by side

cards
### SQS
At-least-once delivery, nothing to run. **Chosen.**
### Kafka
Ordered and replayable, but a cluster to operate.
### Postgres queue
No new service, until the table locks.

step dated actions

step Rotate the certificate | by 03:00 | Ana
step Drain the old pool | by 03:30 | Wei
step Re-enable writes | by 04:00 | Sam

chart range spans on a scale

data plan = task,start,end; Design,2026-03-02,2026-03-20; Build,2026-03-16,2026-05-08; Test,2026-04-27,2026-05-22
chart range plan from=start to=end target="2026-05-01 freeze"

The compiler runs in this page; nothing you type leaves your browser, and a copied link carries the source in its fragment, which browsers never send to a server. The preview frame is sandboxed with scripts off, as a compiled Lede page needs none. Every keyword and option is in the reference.