Pixel-perfect Material data tables for Angular, and more
A Web Components table engine on top of existing UI components
No
| Feature
| Category
| Done
|
|---|
|
Loading
|
| Experience | Integrations | Technical specifications |
|---|---|---|
| Design-first | Custom Elements | Web Components |
| Scenarios | Any framework with Custom Elements support | Framework-agnostic |
| Animation | Angular, Polymer, Preact, React, Solid, Svelte, Vue and more frameworks with Custom Elements support | 0 dependencies, Vanilla Native |
| Magic | and their UI component libraries | 26 KB brotli core + 8–10 KB brotli skin |
| TypeScript, SCSS | ||
| All modern browsers | ||
The MCP server of Table, Bro gives an AI coding agent, as Claude Code, Codex, Cursor or VS Code, the reference of the table, the check of a table spec and the code generator of a table for Angular and Vanilla JS, with the skins Angular Material, Bootstrap and Native. The agent writes the files; the server only reads.
With it, an AI coding agent builds a full Table, Bro table up to 2× faster and with ~45% fewer tokens - measured with Claude Opus, Sonnet and Haiku.
Claude Code, in the root of the project:
claude mcp add --scope project table-bro -- npx -y @table-bro/mcpView in Docs<table> design (with TypeScript/SCSS sources) 1 of your products
License Agreement
1 license of Island Details
Perpetual license
All our updates during 1 year
$10 for Island Details
Table, Bro and its skins are free and open source (MIT)
Money back guarantee within 30 days
We use Google Analytics to understand how you use our site and to make it better.
Learn more in our Privacy Policy