Navigation — 552 CSS effects

Menus, tabs, breadcrumbs, and navigation components.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 1 of 6

Floating Bottom Nav

Horizontal Bottom Dot Nav

Neon Active Drawer Navbar

Arrow Curve Bend Navbar

Arrow Hexagon Shape Navbar

Float Rise Navbar

Circle Hamburger

Hover Glow Breadcrumbs

Zigzag Trail Breadcrumbs

Push Content Left Drawer Navbar

Gradient Flow Navbar

Vertical List Menu

Step Bar Fill Nav

Underline Segmented Control

Floating Sidebar

Split Divider Line Navbar

Split Line Gradient Flow Navbar

Stamp Ink Press Nav

Morph Triangle Tabs

Pill Bounce Tabs

3D Perspective Navbar

3D Tilt X Navbar

3D Tilt XY Navbar

3D Tilt Y Navbar

Arrow 3D Perspective Navbar

Arrow Asterisk Spin Navbar

Arrow Bounce Drop Navbar

Arrow Chevron Point Navbar

Arrow Circle Dot Navbar

Arrow Cross Mark Navbar

Arrow Diagonal Travel Navbar

Arrow Diamond Shape Navbar

Arrow Double Pointer Navbar

Arrow Filled Bg Navbar

Arrow Flip 3D Navbar

Arrow Floating Bob Navbar

Arrow Flow Down Drop Navbar

Arrow Flow Left Slide Navbar

Arrow Flow Right Slide Navbar

Arrow Flow Up Rise Navbar

Arrow Glow Active Navbar

Arrow Gradient Flow Navbar

Arrow Grow Expand Navbar

Arrow Heart Beat Navbar

Arrow Neon Active Navbar

Arrow Outline Draw Navbar

Arrow Pentagon Shape Navbar

Arrow Pill Shape Navbar

Arrow Pulse Throb Navbar

Arrow Rotate Spin Navbar

Arrow Shrink Compress Navbar

Arrow Slide Track Navbar

Arrow Square Dot Navbar

Arrow Star Burst Navbar

Arrow Triangle Point Navbar

Arrow Triple Stack Navbar

Arrow Wave Flow Navbar

Arrow Zigzag Flow Navbar

Aurora Background Navbar

Blind Slats Roll Nav

Blind Slats Tilt Nav

Blurred Glass Navbar

Bob Buoyant Navbar

Bordered Bottom Navbar

Bordered Top Navbar

Fixed Bottom Nav

Glass Bottom Nav

Glow Bottom Nav

Gradient Bottom Nav

Bounce Drop Navbar

Breathe Glow Navbar

Brutalist Navbar

3D Rotate Hamburger

Bounce Hamburger

Morph to Arrow Hamburger

Morph to X Hamburger

Rotate Hamburger

Square Hamburger

To Arrow Hamburger

To Close Hamburger

To Dots Hamburger

To Grid Hamburger

To Minus Hamburger

To Plus Hamburger

Center Logo Navbar

Claymorphism Navbar

Color Ripple Hover Navbar

Color Shift Navbar

Fuzzy Match Palette

Keyboard Command Palette

Modal Command Palette

Recent Commands Palette