BLD8 / ui
DashboardPremium · Free

Workspace overview.

Metrics and a filterable activity feed, arranged as a complete overview.

Download starter

THE BIG PICTURE

A good rhythm.

Visits8,420+12%
Active projects24+4
Completion86%+3%
Workspace activityThis week · sample data

IN THE WORKSPACE

Small steps, together.

Sample data
  • MC
    Maya Chen

    updated the navigation study

  • OR
    Oliver Reed

    recorded a typography decision

  • SR
    Sam Rivera

    shared the first dashboard draft

3 activity items. Illustrative records, not live analytics.

Live interface · sample data · state resets on reload

GET STARTED

The source is yours.

Terminal
npx shadcn@latest add https://ui.bld8.dev/r/workspace.json

Install into an existing application, or download the complete starter below.

Download the starter, unzip it and run the commands below. It includes a Next.js app, both BLD8 packages and their editable source. No BLD8 npm installation is needed.

Terminal
npm install
npm run dev

Open http://localhost:3000. Node 22 and React 19 are used. Import WorkspaceOverview from @bld8/blocks in your own composition.

Download workspace overview

NOTES TO SELF

A clear starting point.

Composes MetricsOverview and an in-memory activity filter. All dates, names and metrics are sample content.

Both collections use the MIT licence. Personal and commercial use are allowed; keep the licence notice when sharing the code.

About the collections Source manifest