Dashboard Overview
The screen an app opens on: shell, header, KPI row, chart and activity feed — numbers first, shape second, changes last.
App Screens5 blocks47 lines
Loading the catalog…
Loading the catalog…
1,645 components across four tiers — a CSS hover state, a pricing section, a whole dashboard screen, or a project you can clone. One search over all of them.
45 matches for “header”
The screen an app opens on: shell, header, KPI row, chart and activity feed — numbers first, shape second, changes last.
The canonical CRUD list — header, toolbar, sortable table and pagination framed as one panel instead of three stacked cards.
The furniture that is on every screen and belongs to none — navbar, mobile drawer, command palette, shortcut sheet, header search, scope switcher, and the two shapes a detail view takes without losing the list.
The field in the header, not the palette over it: Enter searches for what you typed unless you arrowed to a suggestion, late responses are dropped by sequence number, and recent searches are removable one at a time.
Kicker, headline, standfirst, byline and share row, with the opening prose and a pull quote included — the type scale of a post, decided once instead of per-article.
Breadcrumb, title, action buttons and a counted tab row that sits flush with the bottom rule.
Brand, links and CTAs with a mobile panel that unmounts when closed — so its links are never tabbable while invisible — plus escape-to-close and focus return.
Top-level items that open a described-link panel, opening on hover and focus, closing on escape, outside click and focus leaving the group — and collapsing to an accordion on mobile.
Per-event, per-channel switches as a real table, with required notifications locked and explained, and column headers that toggle a whole channel and report a mixed state honestly.
An action menu with the menu keyboard model in full: arrows, Home/End, typeahead, and Escape that returns focus to the trigger rather than dropping it on the page body. Its limits — no collision flip, no portal — are stated in the header.
Scrollable table whose header stays pinned, with an ocean scrollbar thumb.
Table headers that read as sortable — hover reveals the caret, the active column tints ocean.
Grouped list whose ocean date headers stick and blur the rows sliding beneath them.
Segmented flow header where each step's arrow is a rotated square inheriting its own background, so the notch always matches the segment behind it.
Masthead that gives back two thirds of its height as the page moves under it — logo, wordmark and nav each shedding at their own rate rather than scaling as a block.
Content card topped by a four-point mesh gradient whose colour blobs drift slowly against each other behind a pill label.