Live preview Navigation
Right Slide Sheet Navbar
Vertical sheet sliding in from the right with profile-style links.
#shadow CSS effects
5,664 free, pure-CSS effects match the "shadow" tag. Each is copy-ready and needs no library or build step.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Slant Gradient Flow Navbar
Slanted nav with an animated gradient background flow.
Live preview Navigation
Live preview Navigation
Slant Rotate Tilt Navbar
Nav with the entire bar slightly rotated for a tilted slant.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Split Half Divider Navbar
Nav split into two halves with a central vertical divider.
Live preview Navigation
Split Horizontal Divider Navbar
Nav links separated by horizontal lines stacked vertically.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Stamp Ink Rotate Nav
Active link shows a rotated ink stamp badge with skewed impression.
Live preview Navigation
Stamp Paper Fold Nav
Paper sheet nav with folded corner revealing the active item underneath.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Sticky Shrink Navbar
Navbar that shrinks padding on hover simulating sticky state.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Icon Tab Bar
A mobile style tab bar where the selected item lifts and reveals its caption.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Text 3D Shadow Stack Navbar
Active link text projects a stacked 3D shadow forming extruded depth.
Live preview Navigation
Live preview Navigation
Ticket Stub Perforate Nav
Nav styled as ticket stubs with perforated edges between items.
Live preview Navigation
Ticket Stub Tear Nav
Active ticket stub torn along its perforation edge on hover.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Vertical Tab Right Border Active
Vertical tabs with a right accent border on the active item.
Live preview Navigation
Vertical Tab Dot Indicator
Vertical tabs with a glowing dot indicator on the active item.
Live preview Navigation
Live preview Navigation
Vertical Tab Pill Morph
Vertical tabs where the active pill morphs smoothly between items.
Live preview Navigation
Vertical Tab Slide Content
Vertical tabs that slide horizontally revealing content offset.
Live preview Navigation
Vertical Tab Step Marker
Vertical tabs with numbered step markers like a wizard.
Live preview Progress
Basalt Cells Progress
Twelve separate basalt cells act as one bar; eight of them are lit for the current value.
Live preview Progress
Chalk Steps Progress
A four stage step tracker where completed marks carry a drawn tick and a green connector.
Live preview Progress
Copper Steps Progress
A ladder of dots that grows toward the right; the lit copper dots mark the current stage.
Live preview Progress
Frost Bar Progress
A flat frosted bar with a label row and a soft cyan glow on the filled span.
Live preview Progress
Gasket Ladder Progress
A vertical ladder of ten rungs lit from the bottom up, with the peak pair reserved for red.
Live preview Progress
Mesa Retro Progress
A retro terminal meter with bevelled blocks, a scanline overlay and a monospaced read out.
Live preview Progress
Mica Grid Progress
Progress drawn as a grid of small mica tiles where fifteen of twenty four blocks are filled.
Live preview Progress
Onyx Stripe Progress
Diagonal hazard stripes fill the track to sixty percent with a hard edged onyx frame.
Live preview Progress
Slate Block Progress
A chunky inset slab where the percentage is printed inside the filled block itself.
Live preview Progress
Stark Dash Progress
A brutalist meter with a hard offset shadow, three pixel outlines and a dashed leading edge.
Live preview Progress
Valley Ticks Progress
Twelve rotated tick marks form a circular counter with eight of them lit around a centre count.
Live preview Progress
Velour Lull Progress
A neumorphic groove pressed into a soft slab, holding a raised pill and a slowly breathing marker.
Live preview Sliders
Frost Track Slider
A hairline icy rail carries a glowing round knob that swells under the pointer.
Live preview Tabs
Amber Segment Control
An iOS style segmented control with a springy amber thumb and scaling panels.
Live preview Tabs
Cusp Cartoon Tabs
Thick outlined comic tabs that squash and spring back the moment they are picked.
Live preview Tabs
Echo Pixel Tabs
An eight bit console strip where the marker jumps in visible pixel steps, never smoothly.
Live preview Tabs
Garnet Slide Tabs
Deep garnet chips select a panel that slides in from the right on every switch.
Live preview Tabs
Gleam Lacquer Tabs
Deep lacquered plates where a narrow specular highlight sweeps over the open tab.
Live preview Tabs
Harbor Editor File Tabs
Editor style file tabs with a dirty dot and a close cross that appears on the active sheet.
Live preview Tabs
Jade Outline Tabs
Selecting a tab fires a jade ring that expands out of its rounded outline.
Live preview Tabs
Kiln Stacked Icon Tabs
Tabs stack a glyph over its label and the active glyph glows kiln orange.
Live preview Tabs
Obsidian Hover Tabs
Hovering previews a tab in indigo before the click; the panel rises from below.
Live preview Tabs
Onyx Folder Tabs
Browser style folder tabs whose active sheet merges into the panel below.
Live preview Tabs
Pulse Brutalist Tabs
Heavy unrounded blocks with a hard offset shadow that springs into place on click.
Live preview Tabs
Ruby Card Tabs
Three small cards act as tabs and the chosen one lifts with a ruby glow.