Productivity template

A polished GitHub-inspired source-hosting and collaboration dashboard.

A classy developer collaboration template inspired by GitHub: workspace overview with KPIs and a 4-year contribution graph, drag-and-drop pinned repositories, repository detail pages, pull requests and issues triage, plus notifications, settings and create-a-repo flows.

Get full access — $169Live preview
mainline screenshot
  • Productivity
  • 9 routes
  • Radix UI + Base UI
  • 42 color themes
About this template

What ships in Mainline.

Mainline is a polished source-hosting console that takes its visual cues directly from GitHub. The Home overview opens with a four-tile KPI strip, a 53-week contribution heatmap with a vertical year selector (4 years pre-seeded) styled like the green GitHub graph, a language footprint card, a draggable Pinned repositories grid (max 6, dnd-kit) and a GitHub-style monthly Contribution activity timeline. Repositories ship with a grid / list toggle, language and visibility filters, and clickable cards that route to a full repository detail page (tabs, file tree mock, README, About sidebar with releases and contributors) — all of it modeled on the GitHub repo layout. Pull requests and Issues queue rows with labels, CI status, branch arrows and priority dots, all filterable by tab, role and repo.

Three secondary surfaces flesh out the workflow, also borrowed from GitHub: a Notifications inbox with Inbox / Saved / Done buckets and reason filters, a New repository form with Owner / Visibility / Template / README / gitignore / license / default branch sections, and a Settings page with a sticky grouped nav (Public profile, Account, Appearance, Accessibility, Notifications, Access group, Code group) and a fully-wired Public profile form. The header bell and `+ New repository` CTA route directly to those pages, and a Customize your pins modal lets you rebuild the pinned list with a search-filtered checklist capped at six.

Everything runs client-side against a Zustand store seeded with realistic mock data — 14 repositories, 12 pull requests, 12 issues, 15 curated activities plus 100+ procedurally generated ones across three months, 9 topics and 15 notifications. Dates flow through `date-fns-tz`'s `formatInTimeZone(..., 'UTC', ...)` to keep SSR markup hydration-stable. Drop in your real backend by replacing the mock imports — every store action stays compatible. It's GitHub's collaboration surface, packaged as a Square UI Pro template you can rebrand in an afternoon.

Pages & navigation

9 routes, all polished and wired up.

  • Home/

    KPI strip, 4-year contribution heatmap with year selector, language footprint, drag-and-drop pinned repositories, monthly contribution activity timeline

  • Repositories/repositories

    Grid / list toggle, visibility / language / sort filters, clickable cards routing to the detail page

  • Repository detail/repositories/[owner]/[name]

    Tabs (Code, Issues, PRs, Actions, Wiki, Insights, Settings), branch selector, file tree, README preview, About sidebar with releases and contributors

  • Pull requests/pull-requests

    Open / Draft / Merged / Closed / All tabs with counts, role and repository filters, rich row with reviewers, CI status, additions / deletions and branch arrow

  • Issues/issues

    Priority KPI strip (critical / high / medium / low), Open / Closed / All tabs, role and repository filters, label pills and milestone

  • Explore/explore

    Trending repositories with rank + weekly star delta, curated topic cards, notable people with role badges

  • Notifications/notifications

    Inbox / Saved / Done buckets, reason filters (Assigned, Participating, Mentioned, Team mentioned, Review requested), per-repo list and All / Unread tabs

  • New repository/new

    General / Configuration / Initialize sections — Owner, Name, Description, Visibility, Template, README switch, gitignore, license, default branch

  • Settings/settings

    Sticky grouped nav (Public profile, Account, Appearance, Accessibility, Notifications, Access group, Code group) with a fully-wired Public profile form

Built-in features

Everything wired and ready to go.

  • Workspace home with KPIs, contribution heatmap, language footprint and pinned repositories
  • 4 years of contribution data with a scrollable year selector inside the graph card
  • GitHub-style monthly Contribution activity timeline that aggregates commits, PRs, reviews and issues
  • Drag-and-drop pinned repositories (max 6) with a Customize your pins modal
  • Repository detail page with tabs, file tree, README and About sidebar
  • Pull requests and Issues triage queues with rich rows, role and repository filters
  • Notifications inbox with buckets, reason filters and per-repo counts
  • Create-a-repository form and a Settings page with Public profile + grouped nav
One payment. Every template.

Get Mainline and the full library.

$169 one-time gives you instant access to every template — including Mainline — both Radix UI and Base UI versions, and a commercial license for unlimited projects.

Get full access — $169Browse all templates