🎯 Nexus teaches Next.js from foundations to professional systems•⚡ App Router, React 19, and Tailwind v4 in one learning path•🧩 Inspect real components, layouts, and reusable patterns•🛠️ Build production discipline, not just polished demos•📚 Tracks, references, and design studies in one place•🎯 Nexus teaches Next.js from foundations to professional systems•⚡ App Router, React 19, and Tailwind v4 in one learning path•🧩 Inspect real components, layouts, and reusable patterns•🛠️ Build production discipline, not just polished demos•📚 Tracks, references, and design studies in one place•🎯 Nexus teaches Next.js from foundations to professional systems•⚡ App Router, React 19, and Tailwind v4 in one learning path•🧩 Inspect real components, layouts, and reusable patterns•🛠️ Build production discipline, not just polished demos•📚 Tracks, references, and design studies in one place•🎯 Nexus teaches Next.js from foundations to professional systems•⚡ App Router, React 19, and Tailwind v4 in one learning path•🧩 Inspect real components, layouts, and reusable patterns•🛠️ Build production discipline, not just polished demos•📚 Tracks, references, and design studies in one place•

NexusLearn Next.js with production discipline.

Component Gallery

Navigation

Floating navbars, docks, mega-menus, and routing patterns

FloatingNavbar

Pill-shaped floating navbar that hides on scroll-down and reappears on scroll-up.

Hide on scroll-downBlur backdropCTA button

FloatingDock

macOS-inspired icon dock with magnification — icons scale up as you hover.

Magnification effectLabel tooltipshref or onClick

MegaMenu

Full-width dropdown with columns, icons, descriptions, and a CTA strip.

Multi-columnIcon itemsCTA strip

CommandBar

Keyboard-first command palette — search, navigate, and trigger actions with ↑↓ and Enter.

Fuzzy searchCategory groupsKeyboard navigation

TabBarMobile

iOS-style bottom tab bar — fixed at the bottom with icon + label per tab.

Active state highlightSafe area awareIcon + label

SidebarNav

Grouped sidebar with collapsible sub-items, badges, and active link highlight.

Group headingsCollapsible childrenBadges

StickyTOC

Table of contents that sticks while scrolling and highlights the active section via IntersectionObserver.

IntersectionObserverSmooth scrollMulti-level support