Layouts

Unbranded skeletons to fill with your screens.

Layouts stay unbranded on purpose: no gradients, no logos, no stock photography, and nothing fetched from a third party. If you want a section that is finished rather than a shape to fill,

App shells

Collapsible sidebar, top bar, and a content area with stats and a table.Horizontal navigation instead of a sidebar, for apps with few sections.
Analytics 4 atoms
A metrics page: filter bar, KPI row, and panels sized by importance.
Sidebar 2 atoms
The sidebar component itself: API, collapse behaviour and width control.

Account

Settings 4 atoms
Section navigation beside a form column, the shape every settings page has.
Profile 4 atoms
An identity header over tabbed detail panels.

Productivity

Kanban Board 3 atoms
Columns that scroll horizontally with cards that scroll inside them.
Chat 4 atoms
A conversation list, a message thread, and a composer pinned to the bottom.

Auth

Login 4 atoms
A centred credential form with the fields wired to form-field.
Sign Up 4 atoms
Registration with validation slots and the terms checkbox that gates submit.