A vertical navigation component featuring animated line markers that expand on hover and active states, built with Framer Motion for smooth transitions.
A compact, hover-triggered table of contents minimap that displays section markers and expands into a detailed navigation list with sound effects and depth-based indentation.
A responsive, accessible navigation menu featuring animated dropdown content, chevron rotation, and keyboard-friendly triggers built with Base UI and Tailwind CSS.
A sleek, glass-morphism inspired navigation bar that features dynamic pill-shaped active state transitions and a responsive layout for modern web applications.
A responsive, context-aware navigation bar component featuring mobile-first design, sticky positioning options, and integrated sheet-based mobile menus built with Framer Motion and React context.
A government-style responsive header component featuring a primary utility bar for branding and a secondary navigation bar with dropdown menus, accessibility controls, and theme toggling.
A scroll-aware table of contents component that tracks active headings with a moving border marker, supporting nested hierarchies and smooth scrolling with reduced-motion accessibility.
A flexible multi-step progress indicator component supporting horizontal and vertical orientations with state management for active, completed, and inactive steps using a compound component API.
A responsive, accessible navigation menu featuring dropdown triggers with animated chevron icons, smooth content transitions, and a configurable viewport for complex site navigation layouts.
A responsive header navigation component featuring a glassmorphism-inspired gradient background, a dynamic title, and a list of interactive menu items with underline hover effects.
A gymnopédies-themed navigation menu built with Base UI primitives, featuring a responsive dropdown trigger with animated chevron rotation and customizable alignment options.
A responsive, accessible navigation menu built with Radix UI primitives, featuring support for complex dropdowns, nested links, and smooth hover-based interactions for modern website headers.
A responsive, accessible navigation menu built with Kobalte primitives, featuring a dynamic viewport, hover-state triggers, and customizable dropdown content with smooth transition support.
A sophisticated, animated navigation menu featuring multi-column layouts, support for icons, descriptions, and background images, built with Framer Motion for smooth transitions.
A responsive navigation menu built with Base UI featuring animated dropdown content, chevron rotation, and accessible trigger states styled with Tailwind CSS.
A responsive navigation menu featuring accessible dropdown triggers with animated chevron icons, built using Base UI primitives and Tailwind CSS for clean, keyboard-navigable site navigation.
A vertical scroll-spy navigation component that automatically highlights active sections as the user scrolls through a container, featuring synchronized link states and smooth viewport tracking.
A scroll-spy navigation component that automatically highlights active links based on the current scroll position within a viewport, featuring controlled state management and section-based content tracking.
A scroll-spy navigation component that automatically highlights active links based on the current scroll position within a viewport, featuring a side-nav layout and section-based content tracking.
Select an Item to view its code
Choose an item from the list to view its code and files.