Plumb App: Web analytics dashboard template for Next.js.

The app behind Plumb, a fictional privacy-first analytics product: five screens where one view (the range, the comparison and the filters) is shared by every chart, figure and list, and lives in the URL. Change it anywhere and the whole page answers at once. Built to pair with the Plumb landing page, and to carry any product whose numbers are visits, usage or events over time.

• One view in the URL: range, comparison, filters and metric, shared by every widget and every screen
• Drag to zoom on the trend, rows that become filters, figures that roll and lists that re-rank in place
• Live, Pages (sortable table, CSV export), Funnels and Settings (team, API keys, domain, email reports)
• Queries shaped like Plausible's Stats API v2, with a ready Plausible source and demo data in the browser

• canvas#f4f5f7#f4f5f7
• foreground#0b0c0e#0b0c0e
• primary#3b3bff#3b3bff
• muted-foreground#696d76#696d76

• AaFunnel DisplayIncluded with the template

  The quick brown fox jumps over the lazy dog

  0123456789

• AaFunnel SansIncluded with the template

  The quick brown fox jumps over the lazy dog

  0123456789

• AaGeist MonoIncluded with the template

  The quick brown fox jumps over the lazy dog

  0123456789

Funnel Display figures and headings, Funnel Sans for reading and Geist Mono for paths and codes. Cool greys, an ink dark mode and one ultramarine accent, hairlines instead of shadows, a floating sidebar that folds to a rail. Every number rolls and every label morphs when the view changes.

1. 01

   Overview

   Five figures that are also the chart's tabs, each with its change against the period before (green or red by what's good news). The trend draws the period before as a dashed line and today, still running, dashed too. Drag across it to zoom every widget to those days; point at a day and the readout says who sent its visitors.

2. 02

   Lists that filter

   Top sources and campaigns, pages (top, entry, exit), countries and cities, devices, browsers and systems. Rows glide to their new ranks, bars ease and figures roll; press a row to filter the whole page to it and again to let go. Each card grows in place to show the rest.

3. 03

   View bar

   A time range picker (presets, typed ranges like “last 14 days”, ‹ › to step), Compare, and a filter bar whose chips glide in when a row is pressed elsewhere. It stays pinned while you scroll and counts “2,585 of 18,340 visitors”.

4. 04

   Live

   People on the site now, rolling as they come and go; the last thirty minutes by the minute, stepping left each minute; a world map that lights the city of every pageview; the pages and sources of the last five minutes; the newest pageviews as a stream.

5. 05

   Pages

   Every page in a sortable, searchable table with visitors, views, bounce, time on page and a trend per row. Select rows to export them as CSV; open one in place to see its trend and where its readers came from.

6. 06

   Funnels

   Saved funnels per site, or steps picked from the site's pages with a searchable combobox (two to five). Conversion and the biggest drop in words, and each step against the period before.

7. 07

   Settings

   The install line with Copy and a check, the script on your own domain (DNS records that tick green), email reports and privacy that save as you change them, the team with invites and roles, and API keys you create, roll and revoke.

8. 08

   App frame

   A site switcher that opens in place, ⌘K to jump to any screen, site or range, light, dark and system themes, and a drawer on phones where the figures scroll and the table becomes cards.

• $39$30 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 990 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
  Number rollIn Funnels, Live, Kpi strip, App shell, Page header, Rank listNumbers that change like an odometer: every digit rolls in the direction the number moved.
• Book a callBook a call
  Text morphIn Breakdown, Overview, Site switcherText that changes the way it should: shared letters slide over, new ones rise out of a blur, the width eases.
• Status buttonIn SettingsSave, Saving, Saved: the spinner opens in, the check draws itself, errors shake, and the label morphs between them.
• ComboboxIn FunnelsPick one or several from a list your server searches: results morph between queries instead of flashing, and picks fly into chips.
• Stage barsIn FunnelsA funnel you can read at a glance: every stage as a bar against the first, the drop-off between them, and widths that ease when the period changes.
• Live mapIn LiveThe world as dots, lighting up where things happen: pings ripple, the light lingers, and one card follows the newest event from city to city.
• Trend chartIn OverviewOne metric over time, the way an analytics screen needs it: the period before as a dashed line, an unfinished day drawn dashed, a readout that glides with the pointer, and drag to zoom.
• Data tableIn PagesA table whose rows travel: sort and every row glides to its rank, live data re-ranks itself, and selection turns the toolbar into its actions.
• SparklineIn PagesAn ultra-compact inline trendline with magnetic scrubber and auto-trend color for table cells and stat cards.
• API keysIn SettingsThe API keys screen, done properly: the secret rises in once, and Done folds it down into the "sk_live_••••4f2a" it leaves behind.
• Domain connectIn SettingsA custom domain from typed to live: copyable records that tick green as DNS finds them, checks that wait longer each time, and a rail that runs to Live.
• Settings formIn SettingsA settings page that saves the way people expect: switches save themselves, text edits gather into one bar that rises with "2 unsaved changes".
• Team membersIn SettingsSettings → Members, done properly: invited addresses fly out of the field onto their rows, role pills grow into the list of roles, and seats roll.
• Command paletteIn App shell⌘K that grows out of the search pill: fuzzy search, nested lists, and commands that run in place.
• Theme toggleIn App shellThe sun sets into a moon, and the new theme spreads from the button in a circle.
• Filter barIn View barThe bar above a list, done like Linear’s: one panel from property to value, chips you change in place, and a sentence that becomes filters.
• Time range pickerIn View bar"Last 15 minutes" for logs, metrics and traces: type 2h or yesterday 14:00–16:00, step by the window, pause live, or drag across a chart to zoom.

Every screen asks for its numbers through one object in lib/analytics/index.ts, with queries shaped like Plausible's Stats API v2. It runs on demo data generated in the browser until you point it at Plausible (a ready source and two route handlers in the README) or at your own store.

$ npm install$ npm run dev

sections

88

source files

7575

lines of code

~17,400~17,400

dependencies

44

API keys needed

00

The full text ships as LICENSE.md in the download and is on the license page.

All 40 templates for $99.

Every template in the library, including Plumb App, and every one added later. Same license, free updates. Less than three single templates.

• Pro

  Upshot

  $39

  Motion-led marketing measurement SaaS landing page

• Pro

  Bulkhead

  $39

  Motion-led AI incident response landing page

• Pro

  Tandem

  $39

  Light-mode AI agent and workflow landing page