Table, Bro
100%Specs of Google
      Material Design

Pixel-perfect Material data tables for Angular, and more

A Web Components table engine on top of existing UI components

Only user manual clicks work on Native browser elements
Loading
Items per page:
0 of 0
Clear

About

100%

Specs of Google Material Design data tables

100%

Bootstrap Tables

100%

Design of your <table>

ExperienceIntegrationsTechnical specifications
Design-firstCustom ElementsWeb Components
Scenarios Any framework with Custom Elements supportFramework-agnostic
AnimationAngular, Polymer, Preact, React, Solid, Svelte, Vue and more frameworks with Custom Elements support0 dependencies, Vanilla Native
Magic and their UI component libraries 26 KB brotli core + 8–10 KB brotli skin
TypeScript, SCSS
All modern browsers

Features

  • Basics
  • Design
  •  
  • Details
  •  
  • Filtering and Sorting
  •  
  • Selection
  •  
  • Cell editing
  •  
  • AI

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/mcp
View in Docs
  •  
  •  

Get

Table, Bro + Angular Material
  • Table, Bro library
  • Material skin Angular-module (with Angular/SCSS sources)
  • Free and open source (MIT)
Table, Bro + Vanilla Bootstrap
  • Table, Bro library
  • Bootstrap skin library (with TypeScript/SCSS sources)
  • Free and open source (MIT)
Table, Bro + Vanilla HTML
  • Table, Bro library
  • Native skin as a boilerplate for your <table> design (with TypeScript/SCSS sources)
  • Free and open source (MIT)

Buy

1 product

1 of your products
License Agreement

1 license

1 license of Island Details

One-time payment

Perpetual license

1 year

All our updates during 1 year

$10

$10 for Island Details
Table, Bro and its skins are free and open source (MIT)

30 days

Money back guarantee within 30 days

Island Details
  • Row details as Material expansion panels (with TypeScript/SCSS sources)
  • Installed with npm from npm.table-bro.com by your registry access token
  • 1 perpetual license for 1 your product
    1 year updates
Bro