Internal tools kit

The internal-tool half on its own — dashboard, list view, settings, billing and sign-in. Ships noindex, because an admin panel has no business in a search result.

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.

A kanban board inside the app shell, with tabs that admit the board is one view among several and a header whose primary action is creating work.

Sidebar, top bar and scrollable content slot, with a mobile drawer that closes on Escape and marks the active route.

Breadcrumb, title, action buttons and a counted tab row that sits flush with the bottom rule.

Metric row where each card knows whether a rise is good news, so churn going up is red while revenue going up is green.

Type-aware sorting with aria-sort, a header checkbox that goes properly indeterminate, and selection that survives a re-sort.

Search, filter count and view switch, with active filters shown as removable chips so a filtered table never looks unfiltered.

Page size, range summary and a fixed-width number window that stays the same size from page 1 to page 200.

The selection bar that asks the question most tables skip: this page, or all 1,284 rows the filter matches. Typed confirmation above a threshold, an undo with the window counting down, and a select-all that names its own scope.

Reordering that works from the keyboard rather than by drag alone, pinned columns that cannot be hidden or moved, and a guard so the last visible column cannot be unchecked into a blank table.

Four columns of prioritised, tagged, assigned task cards with a blocked state — the board as a layout contract, leaving drag behaviour to your own state and library.

The ⌘K switcher done properly: focus stays in the input while aria-activedescendant moves, arrows wrap, and the highlight resets on every query change.

Member list with role selects, pending invites shown inline, and the last owner locked so a workspace cannot be orphaned.

Masked keys, a create flow that reveals the secret exactly once, and a revoke that confirms before it fires.

A compliance-grade trail with named actors, before and after values, IP addresses, and a stated retention window — plus a count of what the active filter is hiding.

A type-to-confirm dialog built on native <dialog>, so the focus trap, top layer and escape handling come from the browser. Focus lands on Cancel, and the button says the verb.

The empty state for a list emptied by its own filters: every active filter shown as a removable chip ordered by how many results it would restore, with clear-all deliberately second.

A slim pill track with a colored segment that slides endlessly from left to right — perfect for progress feedback.

A dark chip that reveals a small floating tooltip with an arrow above it on hover, using only pseudo-elements.

A native checkbox restyled with appearance:none — fills with indigo and draws an animated checkmark when checked.

Two stacked placeholder bars with a soft sweeping highlight that signals content is on its way.