Data & tables

Rows and columns: sort, filter, select, compare. 5 live React parts, each in nine looks.

• Data grid: Virtualised grid for thousands of rows: multi-sort, search and value filters, resizable and pinnable columns, range selection, inline edit, footer aggregates, keyboard cell navigation.
• Diff table: Proposed edits to a table before they happen: new rows green, removals struck through, changed cells old → new; each change can be left out and Apply runs the rest.
• Filter toolbar: The filters on a list kept in view: chips that remove themselves, Add filter with fields and their values, Clear all, and room for search or view controls.
• Import mapping: Map the columns of a file to the fields of one record type, see what every value becomes, then run the import and get an outcome for each row: suggestions are hints until accepted, ambiguous dates are named, and only failed rows are retried.
• Table: A plain, styled HTML table for small static data: header, body, footer, caption, numeric cells, three densities and a sticky header.

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 · Charts & data-vis · Trading · Dashboard · AI & agents · Voice & audio · Motion & effects · Blocks