Embed in your application. Let users build dashboards from their own data. Add drag-and-drop dashboarding to any frontend app in minutes.
This isn't a screenshot. Add a widget, pick a chart type, or drag a tile and the grid updates live using the same engine you ship.
Integrate into any framework
One package, four drop-in entry points. Install@datastripes/dashboard once, import the entry point for your stack, and render a dashboard with a single component.npm install @datastripes/dashboard
import { DatastripesDashboard } from '@datastripes/dashboard/react';
export function App() {
return <DatastripesDashboard data={myRows} mode="view" />;
}One engine, real dashboarding
The core engine does the actual work; the UI components are a thin layer on top.01
Auto column discovery
Hand it an array of records, a CSV string, or raw JSON and it infers each column's type, no manual schema required to start building widgets.02
20+ chart types
Bar, line, area, pie, donut, rose, treemap, sunburst, gauge, funnel, heatmap, scatter, boxplot, and more, each driven by the same in-browser query engine.03
Drag, resize, filter
A grid-based layout with drag-and-drop and resize in edit mode, global filters that cross-filter every widget, and calculated fields for derived metrics.Fully customizable
Every surface is configurable through a typedDashboardConfig, chart palette, widget types, and layout.04
Widget types
KPI cards, charts, tables, filter panels, and markdown widgets, each configurable per instance and persisted in the dashboard config.05
Global filters & fields
Define global filters that apply across every widget, and calculated fields that become selectable metrics anywhere in the builder.06
View & edit modes
Ship a read-only dashboard to end users, or switch to edit mode and let them add widgets, rearrange the grid, and save their own layout.Built for developers
What users get
✓A drag-and-drop grid for building dashboards from their own data
✓A chart picker with 20+ chart types, including treemap and sunburst
✓Global filters that cross-filter every widget at once
✓Calculated fields for metrics that aren’t in the raw data
✓View and edit modes, so dashboards can ship read-only or editable
What developers get
✓One npm package with subpath entry points
✓A framework-agnostic core entry with zero UI dependencies
✓Fully typed API: props, widgets, and config are TypeScript interfaces
✓Safe-by-default licensing with a restricted trial tier
✓A single DashboardConfig that round-trips to JSON for persistence
Start free, upgrade when you need unlimited rows, exports, and no watermark.