3 Navigation Patterns
Every collection tagged “navigation patterns” — each one a set of hand-coded demos with copy-paste code and a live preview.
Build effects like this from scratch: gradients, clip-paths, masks & blend modes
ZTM · Advanced CSS for Web Design · 30‑day money-back guarantee · Affiliate link
17 CSS Dashboard Layouts
17 hand-coded CSS dashboard layouts for SaaS admin panels, analytics consoles, e-commerce merchant dashboards and AI copilot apps. Covers CSS Grid bento boards, collapsible icon-rail sidebars, auto-fit KPI card grids, split-pane master-detail views, fixed-header independent scroll panels, grid-template-areas shells, off-canvas mobile drawers, container-query responsive cards, dark mode CSS variable tokens, multi-level nested navigation, sticky-header data tables, masonry column packing, full-screen 100vh consoles and top-nav tab bars.
22 CSS Dropdown Menu Designs
22 hand-coded CSS dropdown menu designs with live demos — slide-down fade, clip-path curtain reveal, 3D perspective flip, elastic bounce spring, glassmorphism float panel, stagger children reveal, mega-menu grid, underline nav fade, native details/summary, checkbox-hack mobile nav, nested multi-level flyout, icon sidebar flyout, split-screen mega-menu, segmented pill nav, color swatch picker, right-click context menu, keyboard-accessible roving tabindex, stagger blur entrance, command palette search, autocomplete suggestion, click-outside close, and multi-select chip. 15 pure CSS + 7 with a tiny vanilla JS snippet — no framework. WCAG 2.2 aria-expanded + aria-haspopup + focus management, prefers-reduced-motion honoured, MIT licensed.
17 CSS Side Menus
17 hand-coded CSS side menus for app shells, documentation sites, admin dashboards, and mobile navigation. Covers pure-CSS slide-in drawers, frosted-glass overlay and glassmorphism panels, off-canvas push layouts, hover-expand icon rails, sticky full-height columns, multi-level accordion trees, flexbox spacing, neumorphic inset surfaces, cyberpunk neon and brutalist border styles, checkbox-hack and hover-triggered toggles, collapsible width transitions, and a macOS-style glass dock.