Navigation

Wayfinding patterns that orient users within the application. Sidebars, tabs, breadcrumbs, and command palettes.

Sidebar

Persistent vertical navigation with collapsible state, section grouping, and active item indication.

Interactive Demo

Tabs

Horizontal tab navigation with a sliding active indicator and content panels.

Interactive Demo

Project Overview

Track high-level metrics, recent activity, and team performance across all active projects. Use the cards below to drill into specific areas.

Recent Activity

A chronological feed of commits, deployments, and review requests from the past 7 days. Filter by team member or project.

Project Settings

Manage repository integrations, notification preferences, and access controls. Changes are applied immediately.

Billing & Usage

Current plan details, usage breakdown, and invoice history. Upgrade or adjust seats under the plan management section.

Breadcrumbs

Hierarchical path indicators for deep page structures, with overflow truncation for long trails.

Standard
Overflow / Truncated

Command Palette

Quick-access search modal for commands, pages, and actions. Activated via button click or keyboard shortcut.

Interactive Demo
or press ⌘K / Ctrl+K
Commands
Made with Popmelt