1,126 CSS effects

Live demos and copy-ready code across 33 categories — no JavaScript, no frameworks, no dependencies.

An effect is one small piece of CSS that changes how a single element looks or moves — a glowing button, a shimmer, a hover lift.

Colour

Filter by category — narrows the grid below. The number on each chip is how many effects are in it.

Or browse the 33 category pages →

All effects

1,126

Showing 1–24 of 1,126

Hoverlab Pro

Every effect, block, page and template
Bundle export as CSS, Vue, Svelte, Tailwind
One payment — no subscription

Unlock everything

$79

All accessSee what's in it

Gradient Shift Button

Featured

Neon Glow Button

Featured

3D Push Button

Featured

Slide Fill Button

Featured

Border Draw Button

Featured

Pulse Ring Button

Featured

Classic Spinner

Featured

Three Dots Bounce

Featured

Pulse Ring Loader

Featured

Square Wave

Featured

Skeleton Shimmer

Featured

Emerald Plan

Hover to lift

Hover Lift Card

Featured

Frosted

Blur + transparency

Glassmorphism Card

Featured

Soft UI

Hover to press

Neumorphism Card

Featured

Spotlight

Move your cursor

Spotlight Card

Featured

Front

Back

3D Flip Card

Featured

Living Colors

Animated Gradient Text

Featured

GLITCH

Glitch Text

Featured

console.log('hi');

Typewriter

Featured

NEON

Neon Glow Text

Featured

Loading gold…

Shimmer Text

Featured

Animated Gradient

Featured

Floating Orbs

Featured

Animated Grid

Featured

…

Page 1 of 47