Most popular CSS effects

Live preview Navigation

Mega Menu

Large mega menu panel with multiple link groups.

Live preview Navigation

Full Overlay Menu

Full screen overlay menu.

Live preview Navigation

Push Content Menu

Side menu that pushes content when opened.

Live preview Navigation

Rotate In Menu

Menu that rotates in from corner.

Live preview Navigation

Side Panel Menu

Side panel menu that opens from the right.

Live preview Navigation

Slide In Menu

Menu that slides in from the left.

Live preview Navigation

Zoom In Menu

Menu that zooms in from trigger.

Live preview Navigation

Mesh Gradient Navbar

Navbar with a layered mesh gradient background.

Live preview Navigation

Minimal Underline Navbar

Underline-only navbar with thin animated indicator.

Live preview Navigation

3D Perspective Modal Navbar

Modal nav that flies in from depth using perspective translateZ.

Live preview Navigation

Blurred Backdrop Modal Navbar

Centered modal nav over a heavily blurred colored backdrop.

Live preview Navigation

3D Flip In Modal Navbar

Centered modal nav that flips in on the Y axis with 3D depth.

Live preview Navigation

Fullscreen Modal Cover Navbar

Fullscreen modal cover with large centered nav links.

Live preview Navigation

Glass Popup Modal Navbar

Glassmorphism modal popup nav with frosted translucent surface.

Live preview Navigation

Rotate Spin In Modal Navbar

Modal nav that rotates into view with a slight spin.

Live preview Navigation

Slide Down Modal Navbar

Centered modal nav that slides down from the top.

Live preview Navigation

Zoom In Modal Navbar

Centered modal nav that zooms in from a smaller scale.

Live preview Navigation

Monochrome Navbar

Black and white monochrome navbar.

#hover #border

Live preview Navigation

Neon Edge Navbar

Navbar with neon glowing edges.

Live preview Navigation

Neumorphic Navbar

Soft neumorphic navbar with extruded buttons.

Live preview Navigation

Ocean Blue Navbar

Ocean blue navbar with wave-like gradient.

Live preview Navigation

Circular Orbit Menu

Center button with menu items orbiting in a circle around it.

Live preview Navigation

Planet Rotation Menu

Center sun with planet items rotating around it on a continuous orbit path.

Live preview Navigation

Radial Burst Menu

Items burst outward radially from a center trigger with staggered timing.

Live preview Navigation

Ring Spin Menu

Menu items arranged on a ring that continuously rotates with hover-pause.

Live preview Navigation

Solar System Menu

Solar system layout with planets on concentric orbit rings of different speeds.

Live preview Navigation

Dark Blurred Overlay Navbar

Dark overlay with heavy backdrop blur covering the page content.

Live preview Navigation

Bottom Sheet Handle Navbar

Bottom sheet with a draggable handle and pull-up indicator.

Live preview Navigation

Dark Fade Overlay Navbar

Side panel nav with a fading dark overlay backdrop.

#hover #animation #border

Live preview Navigation

Fullscreen Menu Overlay Navbar

Full-screen overlay menu with large editorial typography links.

Live preview Navigation

Aurora Gradient Overlay Navbar

Modal nav over an aurora gradient animated background.

Live preview Navigation

Light Fade Overlay Navbar

Side panel nav with a fading light translucent backdrop.

Live preview Navigation

Side Panel Tabs Navbar

Side panel with vertical tabs over a dimmed overlay.

Live preview Navigation

3D Pagination

Pagination with 3D extruded active button.

Live preview Navigation

Active 3D Pagination

Active page lifts in 3D perspective.

#hover #transform #border

Live preview Navigation

Active Border Pagination

Active page has animated border.

Live preview Navigation

Active Fill Pagination

Active page fills with color animation.

Live preview Navigation

Active Flip Pagination

Active page flips on Y axis.

#hover #animation #shadow

Live preview Navigation

Active Glow Pagination

Active page has glowing aura.

#hover #shadow #border

Live preview Navigation

Active Pulse Pagination

Active page pulses with animation.

Live preview Navigation

Active Rotate Pagination

Active page rotates slightly.

Live preview Navigation

Active Scale Pagination

Active page scales up with bounce.

Live preview Navigation

Active Shadow Pagination

Active page has deep shadow.

Live preview Navigation

Arrow Bounce Pagination

Pagination with bouncing arrow buttons on hover.

Live preview Navigation

Arrow Circle Pagination

Pagination with circular arrow buttons.

Live preview Navigation

Arrow Slide Pagination

Pagination with sliding arrows on hover.

Live preview Navigation

Arrow Square Pagination

Pagination with square arrow buttons.

#hover #border

Live preview Navigation

Circular Pagination

Pagination with circular number buttons.

Live preview Navigation

Dots Pagination

Pagination as a row of dots with active state.

Live preview Navigation

Floating Pagination

Pagination with floating shadow on hover.

Live preview Navigation

Glow Pagination

Pagination with glowing active button.

Live preview Navigation

Gradient Pagination

Pagination with gradient active button.

Live preview Navigation

Hover 3D Pagination

Numbers lift in 3D on hover.

Live preview Navigation

Hover Circle Pagination

Numbers morph to circle on hover.

Live preview Navigation

Hover Flip Pagination

Numbers flip on hover.

#hover #transform #3d

Live preview Navigation

Hover Glow Pagination

Numbers glow on hover.

Live preview Navigation

Hover Grow Pagination

Pages grow on hover.

Live preview Navigation

Hover Pill Pagination

Numbers morph to pill on hover.

Live preview Navigation

Hover Rotate Pagination

Numbers rotate on hover.

Live preview Navigation

Hover Shrink Pagination

Inactive numbers shrink, active stays normal.

Live preview Navigation

Hover Square Pagination

Numbers morph to square on hover.

Live preview Navigation

Hover Underline Pagination

Numbers show underline on hover.

Live preview Navigation

Infinite Scroll Pagination

Animated loading indicator for infinite scroll.

#animation #transform

Live preview Navigation

Load More Pagination

Single load more button pagination.

Live preview Navigation

Load More Button Pagination

Stylized load more button with shimmer.

Live preview Navigation

Neon Pagination

Dark neon themed pagination.

Live preview Navigation

Number 3D Pagination

Numbers with 3D lift on hover.

Live preview Navigation

Number Circle Pagination

Numbers in circles with active highlight.

Live preview Navigation

Number Flip Pagination

Numbers flip on Y axis on hover.

#hover #transform #3d

Live preview Navigation

Number Glow Pagination

Active number has glowing aura.

Live preview Navigation

Number Grow Pagination

Active number grows larger than others.

Live preview Navigation

Number Pill Pagination

Active number morphs into pill shape.

Live preview Navigation

Number Rotate Pagination

Numbers rotate slightly on hover.

Live preview Navigation

Number Shrink Pagination

Inactive numbers shrink, active stays large.

Live preview Navigation

Number Square Pagination

Square number buttons pagination.

Live preview Navigation

Number Underline Pagination

Active number has underline indicator.

Live preview Navigation

Numbered Pagination

Classic numbered pagination with active highlight.

Live preview Navigation

Pill Pagination

Pill-shaped pagination numbers.

#hover #gradient

Live preview Navigation

Prev Next Pagination

Simple prev/next pagination buttons.

Live preview Navigation

Progress Bar Pagination

Pagination with a progress bar above numbers.

Live preview Navigation

Rounded Pagination

Pagination with rounded square buttons.

Live preview Navigation

Square Pagination

Square-shaped pagination buttons.

Live preview Navigation

Step Indicator Pagination

Pagination styled as a step indicator.

Live preview Navigation

Pastel Soft Navbar

Soft pastel navbar with gentle colors.

#hover #gradient

Live preview Navigation

Perspective Tilt Navbar

Active link lifts forward in 3D perspective with translateZ.

Live preview Navigation

3D Pill Nav

Pill nav with 3D extruded active pill.

Live preview Navigation

Floating Pill Nav

Floating pill navigation with shadow.

Live preview Navigation

Glow Pill Nav

Pill nav with glowing active pill.

#hover #shadow #border

Live preview Navigation

Gradient Pill Nav

Pill nav with animated gradient active state.

Live preview Navigation

Horizontal Pill Nav

Horizontal pill navigation.

Live preview Navigation

Neon Pill Nav

Neon themed pill navigation.

Live preview Navigation

Vertical Pill Nav

Vertical pill navigation.

Live preview Navigation

Pinned Top Navbar

Top-pinned navbar with full width and sticky look.

#hover #shadow #border

Live preview Navigation

Polaroid Tilt Stack Nav

Polaroid-photo style nav items stacked at alternating tilts.

Live preview Navigation

Press Sink Navbar

Active link presses into the bar with an inset shadow depth effect.