[Docs](https://clayjs.com/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](https://htmlclay.com/) to edit it and watch it save. [Reading list](https://clayjs.com/examples/skeleton.html) 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` [Open](https://clayjs.com/examples/skeleton.html) [Download](https://clayjs.com/examples/skeleton.html) [The skeleton file, explained →](https://clayjs.com/complete-guide#2-the-skeleton-file) [Kanban](https://clayjs.com/examples/kanban.html) `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` [Open](https://clayjs.com/examples/kanban.html) [Download](https://clayjs.com/examples/kanban.html) [The kanban recipe →](https://clayjs.com/complete-guide#10-1-kanban-with-card-detail) [Block writer](https://clayjs.com/examples/writer.html) `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` [Open](https://clayjs.com/examples/writer.html) [Download](https://clayjs.com/examples/writer.html) [The block writer recipe →](https://clayjs.com/complete-guide#10-2-block-writer) [Budget](https://clayjs.com/examples/finance.html) `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` [Open](https://clayjs.com/examples/finance.html) [Download](https://clayjs.com/examples/finance.html) [The finance tracker recipe →](https://clayjs.com/complete-guide#10-3-finance-tracker)