MCP Apps widget templates
Every template is a working widget: live below in the house design, ready to copy into your workspace and wear any of the designs.
Kanban board widget for MCP Apps
A kanban board MCP Apps widget: columns of cards with labels, due dates and assignees, filled by the model from your task data. No code to start.
See the templateAnnouncement card widget for MCP Apps
A featured announcement card for MCP Apps: kicker, headline, short text, a big figure and a button that opens a link. Each design dresses it its own way.
See the template3D globe widget for MCP Apps
An interactive 3D globe for MCP Apps built with three.js: markers sized by value, a ranked list beside it and drag to spin. Works in ChatGPT and Claude.
See the templateWeather widget for MCP Apps
A weather card for MCP Apps with animated SVG icons: current condition, temperature, high and low, and the coming hours. Your tool brings the forecast.
See the templateProgress rings widget for MCP Apps
Animated SVG progress rings for MCP Apps: each goal fills to the percentage reached, with its value and target. For quotas, OKRs, budgets and habits.
See the templateArea chart widget for MCP Apps
A time series area chart for MCP Apps in pure SVG: a line that draws itself in, the latest value and its change since the first point. No library.
See the template3D carousel widget for MCP Apps
A 3D carousel for MCP Apps made with pure CSS: three to ten cards on a spinning ring that pauses on hover. Click a card to ask the chat about it.
See the templateCountdown timer widget for MCP Apps
A live countdown widget for MCP Apps hosts like ChatGPT and Claude. The model sends an event and a date; the widget ticks down to the second in the chat.
See the templateAnimated counter widget for MCP Apps
An MCP Apps widget whose headline numbers count up from zero and cascade in with GSAP. For year-in-review recaps and launch results in ChatGPT and Claude.
See the templateDonut chart widget for MCP Apps
A Chart.js donut chart widget for MCP Apps: how a total splits into parts, with a legend, shares and the total in the middle. Works in ChatGPT and Claude.
See the templateKPI metrics card widget for MCP Apps
A KPI widget for MCP Apps: key figures, each with its change against the previous period, colored by whether it is good news. For ChatGPT and Claude.
See the templateBar chart widget for MCP Apps
A horizontal bar chart widget for MCP Apps that compares one value across categories, with bars that grow in and no script. Renders in ChatGPT and Claude.
See the templateData table widget for MCP Apps
A table widget for MCP Apps: the model defines the columns and sends one object per row. Sticky header, sideways scroll when wide. For ChatGPT and Claude.
See the template