Categories
Every dashboard component, grouped by what it does.
- Cards and panels477, 458 with codeThe largest category: content cards, integration cards, settings panels, plan rows, activity feeds and summary panels that fill the space between charts and tables.
- Charts249, 239 with codeBars, lines, donuts, funnels, heatmaps and retention grids with real-looking data and hover states.
- Tables and lists237, 228 with codeData tables, ranked lists, queues and row menus with status chips, actions and pagination already designed. Drawn for agents, campaigns, customers, secrets, runs and more.
- Modals and dialogs84, 84 with codeCreate, confirm, connect and destroy flows as finished modals: add funds, invite teammates, connect Stripe, pause an automation, run a scan. Copy that names the object, not “Are you sure?”.
- Forms and inputs82, 81 with codeInputs, selects, search fields, form rows and settings forms in each system’s look, including the dense field rows admin products use.
- Page templates82, 0 with codeFull pages from the six products: overview, audience, agents, approvals, attack paths, business and more. Every block inside a template is also its own component.
- Navigation78, 71 with codeSidebars, top bars, tab bars and toolbars that shape a whole product. Includes collapsed rails, workspace switchers and filter toolbars.
- KPI cards and stats68, 67 with codeMetric cards, KPI strips and compact stat rows drawn from six real dashboards. Each one pairs a value with a comparison, so the number says whether it is good or bad.
- Menus52, 51 with codeDropdowns, row menus, context menus, sort and range menus with icons and keyboard hints in place.
- Popovers43, 41 with codeFilter popovers, column pickers, date range pickers and notifications: the small overlays that make tables and charts usable.
- Drawers and side panels41, 39 with codeDetail drawers for subscribers, transactions, deploys, members and pull requests. They open beside a list so people inspect one record without losing their place.
- Page headers37, 37 with codePage titles with breadcrumbs, actions, date ranges and filters: the strip at the top of every dashboard page that most kits forget.
- Editors and canvases31, 27 with codeEmail editors, workflow canvases, toolbars and preview panes from the products that build things, not just report on them.
- Empty states and feedback20, 20 with codeEmpty states, no-results views and status messages that tell people what to do next instead of showing a blank table.
- Buttons, badges and atoms13, 12 with codeThe small parts every screen uses: buttons, icon buttons, badges, delta chips and avatar groups, in each system’s style.