Examples
Ready-made page layouts built from JLDS components. Each one is a single self-contained HTML file — no framework, no build step. Open one full screen, read the source, or copy the markup into your own project and point the stylesheet links at the CDN.
| Example | What it shows | |
|---|---|---|
| Dashboard | App shell, sidebar, KPI stats, charts, and a data table | Preview |
| Sign in | A standalone, centered authentication card | Preview |
| Data table | A list screen with search, filters, a responsive table, and pagination | Preview |
| Settings | A tabbed account page covering nearly every form control | Preview |
| Detail page | An entity read view: breadcrumb, tabs, timeline, accordion, dialog | Preview |
| Empty & loading | Skeleton, empty state, spinner, progress, and toast | Preview |
| Checkout | A multi-step purchase flow with an order summary | Preview |
| Command & search | A ⌘K command palette, combobox, and popover | Preview |
| Kanban board | Columns of swipe-row tasks with a filters drawer | Preview |
| File explorer | A resizable tree + code pane with a toolbar | Preview |
| Landing page | A marketing home: hero, carousel, stats, FAQ | Preview |