Pixel-perfect Material data tables for Angular, and more. A Web Components table engine on top of existing UI components.
View on GitHub ↗Homepage ↗Pixel-perfect Material data tables for Angular, and more.\ A Web Components table engine on top of existing UI components.
The table is the Custom Element : pages, sort, search, row details, a filter drawer, a server mode, light and dark themes, a kinetic page scroll and animated row details. A skin gives it the look and the controls of a UI library: Angular Material, Bootstrap 5, or plain HTML. The core has no runtime dependencies and works with any framework or none; Angular gets its own wrapper.
Demo · Docs · Examples · Architecture · Interactive diagram · API reference · Changelog
Package What it gives --- --- @table-bro/core The table, , its CSS and the filter drawer container @table-bro/angular-material The skin mat on the components of Angular Material, in the theme of the application @table-bro/bootstrap The skin bs on the components and the classes of Bootstrap 5 @table-bro/native The skin nv: plain HTML elements, no UI library @table-bro/angular , the Angular wrapper with signal inputs and outputs @table-bro/mcp The MCP server: the reference, the spec check and the code generator of a table for AI coding agents
All packages share one version. Angular packages support Angular =20 <23.
The site gives these steps on Getting started.
Add nodemodules/@table-bro/core/dist/table-bro.min.css and nodemodules/@table-bro/angular-material/dist/table-bro.material.min.css to "styles" of angular.json, and provideTableBroMatSkin() to the providers of app.config.ts. Then:
From the project README.
Add the radar badge to your README — it shows your project was picked up by MCP Radar and links to this page:
[](https://mcp.liqiwa.com/s/table-bro--table-bro.html)
Personalized animated robot avatars with 50 accessories, fluid shapes, SVG/PNG/GIF exports, a web component, and local MCP tools for developers and AI agents.
hacimertgokhan/geomotionHand-drawn morphing line animations from simple shapes. Zero-dependency JS engine + live studio, CLI, MCP server & Claude skill. Export animated SVG, Lottie, HTML or a shareable link.
shinthink/blitzstrike⚡ Blitz Strike — a universal MCP penetration-testing toolbelt. Structured methodology: reconnaissance & attack-surface mapping, source-to-sink analysis, and live validation. 57 escalation chains, 130-
OpenLabs-so/openanalyticsOpen-source, privacy-first and cookieless web analytics with revenue attribution and an MCP server.
noskillish/bankmcpBankMCP™: your AI can now read your bank. Self-hosted, read-only MCP server for your own bank accounts via open banking (Enable Banking). Standard MCP; tested with Claude and Ollama.
EndymionLee/PilotBrowseMCPA browser runtime that lets AI agents control your real Chrome browser via MCP. Agents can explore websites, generate operation manuals, and reuse them to save tokens. AI操控你的真实浏览器。
The top new MCP servers of the week, every Monday. No spam, unsubscribe anytime.