Try the demo

This page gets you looking at a working schedule in about two minutes, using a sample agency's data. Schedule changes stay in memory and reset when you refresh. The cosmetic signed-in state and device display preferences can stay in browser storage, but there are no credentials or real sign-in. If you're ready to install CapacityLens for real instead, skip to Choose how to install CapacityLens.

You'll need Node.js 24 or newer and pnpm (by way of corepack, which ships with Node) on your machine. Check your version with node --version — if it's older than 24, install a newer one from nodejs.org.

Run it

1. Clone the repository and install dependencies:

   git clone https://github.com/Kevinjohn/capacitylens.git
   cd capacitylens
   corepack enable && pnpm install

2. Start the demo:

   pnpm run dev:demo

3. Open http://127.0.0.1:5173 in your browser.

That's it — no setup token, no .env file, no database.

What you'll see

The demo starts with a cosmetic Choose an account screen, then loads an in-memory sample agency with people, clients, projects and allocations already on the schedule. Choose the sample account; no password or pop-up is involved.

What to click first

Try the things you'd do in a real resourcing meeting:

1. Select Show filters at the far right of the Schedule toolbar. Person search appears on the left; the filter dropdowns, Work/Time off choice and Clear Filters group on the right.

   

2. Open All projects and choose Queen Consolidated / Project Watchtower. The schedule keeps matching work, and Clear Filters turns red to show that the view is narrowed.

   

3. Select Show unallocated. People without Project Watchtower work return as dimmed rows so you can see who may be available to staff it.

   

4. Select Clear Filters, then drag an allocation bar to a different week and watch the utilisation percentage update.

5. Change Weeks visible from two weeks to four or six weeks to see how the same plan reads at a wider range.

Everything is editable, so there's no wrong button to press.

TIP

Schedule data is throwaway. Refreshing the page resets it, while the cosmetic signed-in state and device display preferences may remain on that browser. When you're ready to keep real data, move on to Choose how to install CapacityLens.

What's next

Choose how to install CapacityLens for a persistent install with real sign-in.