Examples
Examples
Whole screens, rebuilt from crisp's components — the pieces documented individually, composed here into the real thing.
Every component page shows one piece in isolation. These pages show what happens when the pieces are put back together — full screens, live, built entirely from crisp's own components/ and product/ layers with no mock-ups standing in for the real thing.
Start with the Companies page — it's the composition everything else in crisp is measured against — then the CRUD flow for the create/read/update/delete verbs on their own, or the CRUD & Detail Patterns guide for when to reach for which.
Record views
- Companies page — the full App Shell + Sidebar + Records Table composition.
- People page — the same composition over a different object, to show the table is schema-driven.
- Record Page — the full-page record detail view a table row opens into.
- CRUD flow — create, read, update, and delete on one live table.
Other object layouts
- Deals kanban — a pipeline board instead of a table, with drag-and-drop between stages.
- Objects & attributes — the schema editor behind the data model itself.
Dashboards and content surfaces
- Reports dashboard — a grid of report cards over crisp's chart set.
- Notes page — an EntityCard gallery that opens the rich-text editor.
- Settings page — the form side of crisp: SettingsShell, SettingsSection, and the form primitives.
- Workflow editor — FlowCanvas in context, with tabs, a Draft/Live toggle, and a node inspector.