Start with a working surface.
Three compositions with real state, readable source and the parts already connected. Install one, then make it yours.
Workspace settings
A labelled settings form with local persistence, draft recovery and honest save errors.
npx shadcn@latest add https://mizu.user64bit.world/r/settings-block.jsonHarbour studio
Give the workspace a name and decide how it meets the world.
No local save yetThis sample stores settings only in this browser. The contact address receives no messages.
File browser
Search and filter a small collection, inspect a file and download its original sample content.
npx shadcn@latest add https://mizu.user64bit.world/r/file-browser-block.json5 of 5 sample files
| Document | ||
| Stylesheet | ||
| Document | ||
| Dataset | ||
| Document |
Analytics workspace
A date window, a chart and sortable readings driven by the same sample dataset, with CSV export.
npx shadcn@latest add https://mizu.user64bit.world/r/analytics-block.jsonVisits
15,120
7 days in view
Signups
736
4.9% of visits
Drag across the chart to measure a period.
Left and right arrows read each value; Shift extends a measured period and Enter zooms to it. Plus and minus zoom, 0 shows the whole range, Escape clears.
| 2,160 | 94 | |
| 1,960 | 108 | |
| 2,180 | 98 | |
| 1,980 | 112 | |
| 2,200 | 102 | |
| 2,420 | 116 | |
| 2,220 | 106 |