Productivity template

A Notion-inspired connected workspace with editable pages, teamspaces and AI.

A complete Notion-style workspace: a dashboard home, an AI assistant surface, 26 nested documents rendered from a typed block model with in-place editing, an inbox, an onboarding task board, meetings with AI notes, and a teamspace library. Seven routes built with shadcn/ui.

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

What ships in Nexus.

Nexus is a refined, Notion-inspired connected workspace for a fictional product studio called Northlight. Seven surfaces inside an offcanvas sidebar shell: a Home dashboard with recently-visited page cards, upcoming events grouped by day and a my-tasks widget; a Nexus AI page with a prompt composer and suggestion chips; a full document system with 26 seeded pages nested up to three levels deep; an Inbox of mentions, invites and automations; a My Tasks onboarding board; a Meetings surface with an AI-transcription banner; and a Library mapping teamspaces to their page trees.

Pages behave like the real thing: a typed block model covers headings, callouts, quotes, todos, toggles, tables, code, files, two-column layouts and page links — and everything is editable in place. Titles and text blocks edit through contentEditable, the emoji icon picker and the cover gallery (sixteen oklch gradients plus local image upload) restyle any page, and a per-page permission model keeps company-owned docs view-only. The sidebar mirrors Notion: collapsible teamspaces, drag-and-drop page reordering at every depth with cross-parent re-parenting via dnd-kit, a hover context menu per page (favorite, duplicate, rename, trash), a working new-page action and a full settings modal.

Everything runs client-side against an in-memory Zustand store seeded with realistic mock data: pages with authors and update times, onboarding tasks across four phases, notifications with read state, meetings with attendee rosters and Meet codes, plus a global ⌘K search over every page. Includes the 42-color theme switcher and light/dark mode wired into the settings preferences.

Pages & navigation

7 routes, all polished and wired up.

  • Home/

    Dashboard greeting with recently-visited page cards, upcoming events grouped by day, a my-tasks widget, personalised suggestions, popular pages, discover cards and featured templates

  • Nexus AI/ai

    Assistant surface with a prompt composer, model select, suggestion chips, recent discussions and a jump-back-in grid

  • Page/p/[id]

    Notion-style document with cover, emoji icon, properties and a typed block renderer — title, text blocks, icon and cover all editable in place when you have edit rights

  • Inbox/inbox

    Mentions, invites, comments and automations with unread dots, an all/unread filter and mark-all-read

  • My Tasks/tasks

    Onboarding board grouped by phase (Day 1–3 to Month 3) with board and list views, a phase filter and a progress summary

  • Meetings/meetings

    Upcoming and past meetings rail with a detail panel, AI-transcription banner, attendee stacks and linked pages

  • Library/library

    Teamspace directory with expandable nested page rows, access badges and recent / favorites / shared / private tabs

Built-in features

Everything wired and ready to go.

  • Edit pages in place: contentEditable titles and text blocks, with per-page view-only permissions
  • Restyle any page with the emoji icon picker and a cover gallery — gradients or a local image upload
  • Reorder the sidebar page tree at any depth and re-parent sub-pages across parents, sections and teamspaces with drag-and-drop
  • Create, duplicate, rename and trash pages from a hover context menu or the new-page button
  • Search every page with the global ⌘K command palette grouped by recency
  • Track onboarding across four phases with a progress bar, board and list views
  • Review meetings with AI-notes badges, attendee rosters and linked pages
  • Tune the workspace in a full settings modal — appearance, notifications, people, import, integrations and plans
One payment. Every template.

Get Nexus and the full library.

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

Get full access — $169Browse all templates