BLD8 / ui
ApplicationPremium · Free

Studio workspace.

An application shell with overview, projects, people and settings views.

Download starter
OverviewSample workspace

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/studio.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 StudioTemplate from @bld8/blocks in your own composition.

Download studio workspace

NOTES TO SELF

A clear starting point.

Includes the working blocks behind four section buttons. Switching views resets their local state. It is a frontend starter; connect authentication, APIs and persistence for a real application.

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