Docs · Example apps

Four complete apps

Four complete apps, each one HTML file, built the way the guide recommends and checked by the test suite. Open one to try it here, read-only, or download it and open it in HTML Clay to edit it and watch it save.

Reading list The starter skeleton.html

The smallest correct app: a sortable reading list with saved checkboxes, a derived summary, a filter that stays in your tab, live sync and undo. Start every new file from it.

Loads clay.js?plugins=sync,sortable,undo,indicator&exclude=richclay

Kanban kanban.html

Columns and cards with drag between columns, a card detail view that is the card itself, checklists, an activity log, a filter and undo.

Loads clay.js?plugins=sync,sortable,undo,indicator

Block writer writer.html

A block document: rich text blocks, headings, callouts, to-do blocks, dividers, images with upload, a drag handle and block menu, a slash menu, an outline and a word count.

Loads clay.js?plugins=sync,sortable,undo,upload,indicator

Budget finance.html

A budget built on sap.js: categories with budgets, transactions, totals computed and saved into the file, search, and CSV import and export.

Loads clay.js?plugins=sync,undo,indicator&exclude=richclay