Dashboard

KPIs, metric tiles, trackers and app shells. 6 live React parts, each in nine looks.

• App shell: The frame for every app screen: collapsible sidebar with grouped navigation, top bar and page.
• Bar list: Ranked horizontal bars with label inside and value at the end — top pages, sources, customers.
• Category bar: One bar split into labelled ranges with an optional marker that names its range.
• Insight cards: Findings from an agent, one per page: the sentence, the series it is about with their change, a chart to scrub that names each point, and a follow-up question.
• Metric card: A KPI: label, a value that rolls to each new number, the change with arrow, sign and tone, a trend line and context; unmeasured values are hatched, never zero.
• Tracker: A row of status blocks for uptime, job runs or daily checks, with tooltips and a legend.

190 React components and screens your coding agent (Claude Code, Codex, Cursor or any MCP client) installs into your app through Beamline's MCP server, as a ready-built package or as plain React source you can change. $49 one payment (regular $200), no subscription, a year of updates, one licence for your whole team. Get Beamline · Connect your agent

Other categories: Actions · Form controls · Overlays · Navigation · Layout · Feedback · Content & display · Data & tables · Charts & data-vis · Trading · AI & agents · Voice & audio · Motion & effects · Blocks