Named Widgets for Charts, Markdown, and More
Create shareable, embeddable widgets from Claude or from your app. View them on the dashboard, on a public URL, or right inside your React UI.
What WidgetsByScott Does
A simple backend for named visualizations you can reuse everywhere
Charts, Markdown, and HTML
Render line, bar, pie, and scatter charts alongside rich markdown and HTML widgets — all from a single catalog.
Create From Claude
Connect via MCP and ask Claude to build a widget for you. Authenticated through OAuth or used transiently via npx.
Create From Your App
Hit our REST API with an app key to generate widgets programmatically — same pattern as metricsbyscott and issuesbyscott.
Share Public URLs
Flip a widget to public and share a clean URL like widgets.byscott.io/w/my-slug — no login required for viewers.
Embed Anywhere
Drop in our React component with just an id and the widget renders live inside your app.
Embed in Any React App
One Line, Live Widget
Install @byscott-io/widgetsbyscott-client and render any widget by id. Updates stream in automatically.
- ✓NPM package for React web and mobile
- ✓Respects widget visibility (private / account / public)
- ✓Supports all widget types, including composed grids
import { Widget } from
'@byscott-io/widgetsbyscott-client';
function Dashboard() {
return (
<Widget id="monthly-revenue" />
);
}