Most popular CSS effects

Bicolor Gradient

Smooth bicolor diagonal gradient.

#gradient

#animation #transform #shadow

Chess Knight

Chess knight piece on text.

Chevron Arrows

Bold chevron arrow stripes in two-tone.

#gradient

Fade Depth

Text fading from foreground into deep shadow.

#gradient

#hover #transform #border

Fade Pulse Deep

Deep pulsing fade animation.

#animation

Live preview Tooltips

Chevron Arrow

Tooltip with chevron-style arrow pointing to trigger.

Live preview Timelines

Cusp Roadmap Timeline

Quarters read as folded paper bands, each creased down the middle with a lifted corner.

#gradient #hover #origami

Live preview Toggles

Awake / Tired

Wide-awake eye closes into a sleepy yawn.

#transform #shadow

Live preview Toggles

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Live preview Toggles

Obsidian Volcanic

Volcanic obsidian glass with smoke sheen.

Live preview Toggles

Whirl Pool

Spinning whirlpool swirls water around the knob.

#details #download #clip-path

Live preview Accordions

Rivet Downloads Accordion

Build groups punch open a format list where each row shows its extension and weight.

Live preview Alerts

Frost Banner Alert

A frosted glass information banner with a slow light sweep crossing the surface.

#banner #glass #info

Live preview Alerts

Ivory Sticker Alert

A taped paper sticker sways from its top edge like a note pinned to the wall.

#sticker #note #tilt

Live preview Alerts

Ridge Underline Alert

A borderless message underlined by a stripe that keeps redrawing itself from the left.

#underline #bottom-border #minimal

Live preview Alerts

Ripple Copy Alert

A small clipboard toast that lifts into view and sends a ripple out of the copy glyph.

#clipboard #copy #ripple

Live preview Alerts

Turbine Camera Alert

A device permission notice with an opening lens aperture and a live input level meter.

#permission #camera #microphone

Live preview Avatars

Copper Verified Badge Avatar

A copper check badge sits in the corner and pops when the avatar is hovered.

#badge #verified #animation

Live preview Avatars

Glide Scrollable Avatar Rail

A horizontally scrollable member rail with a slim custom scrollbar under it.

#scroll #group #rail

Live preview Badges

Action Edit Badge

Edit action badge with pencil glyph and blue accent.

#animation #transform #shadow

Live preview Badges

Breathe Glow Badge

Badge with breathing glow effect.

Live preview Badges

Glisten Badge

Badge with glistening sparkle dots animation.

#animation #transform #border

Live preview Badges

Pulse Color Badge

Badge with color cycling through palette.

#animation

Live preview Badges

Ripple Badge

Badge with expanding ripple waves.

Live preview Badges

Spring Pop Badge

Badge that springs into view with overshoot.

#animation #transform

Live preview Badges

Caret Typing Badge

Badge with blinking caret like terminal input.

#animation #border

Live preview Badges

Arctic Ice Badge

Icy white-blue badge with crystalline chill.

Live preview Badges

Award Ribbon

Award ribbon medal with two hanging tails.

#transform #shadow #border

Live preview Badges

Brutalist Cyan Badge

Brutalist cyan badge with sharp offset shadow.

Live preview Badges

Cave Stalactite Badge

Sharp stalactite-shaped badge with pointed bottom edge.

#gradient #border

Live preview Badges

Cloud Netlify Badge

Netlify cloud badge with teal-teal gradient styling.

Live preview Badges

Solid Lime Pill

Vibrant lime pill badge with dark text.

Live preview Badges

Deco Corner Fold Badge

Badge with folded-paper corner triangle accent.

Live preview Badges

Deco Curve Corner Badge

Badge with asymmetric curved corner radius.

Live preview Badges

Doc Excel Badge

Excel document badge with green XLS tag.

Live preview Badges

Eco Vegan Badge

Vegan-certified badge with leaf seedling styling.

Live preview Badges

BG Fade FX Badge

Animated badge with cross-fading background colors.

Live preview Badges

Confetti Burst FX Badge

Animated badge with confetti-burst particle dots.

Live preview Badges

Glass Frost Badge

Frosted glass badge with backdrop blur and subtle border.

#shadow #border #filter

Live preview Badges

New Pill Badge

Green pill badge announcing new content with a subtle pop-in.

Live preview Badges

Bronze Award Ribbon

Bronze award ribbon with green tails.

#transform #shadow #filter

Live preview Badges

Certified Circle Seal

Certified seal with double circle and dashed accent.

#transform #border

Live preview Badges

Star Burst Seal

Sunburst seal with star points radiating outward.

Live preview Badges

Arrow Tag Shape Badge

Right-pointing arrow-tag badge with pointed end.

#gradient #shadow

Live preview Badges

Star Shape Badge

Five-point star-shaped badge with golden glow.

#gradient #shadow

Live preview Badges

Space Planet Badge

Planet badge with orbital ring around the text.

#transform #shadow #border

Live preview Badges

Canceled Stamp

Canceled stamp with strong red diagonal style.

Live preview Badges

State Queued Badge

Queued state badge with hourglass-style indicator.

#border

Live preview Badges

Tag With Hole

Price tag with string hole and notched left side.

#transform #shadow

Live preview Badges

Trust Firewall Badge

Firewall-protected badge with brick-wall red tone.

Live preview Badges

Vapor Palm Badge

Vaporwave badge with palm-tree silhouette accent.

Live preview Badges

Weather Hail Badge

Hail weather badge with ice-stone speckle pattern.

Live preview Badges

Y2K Daisy Badge

Daisy-themed badge with white-yellow petal styling.

Live preview Backgrounds

Abalone Nacre

Abalone shell nacre with shifting iridescent colors.

Live preview Backgrounds

Amplifier Pulse

An amplifier's volume bars glow with each pulse of music.

Live preview Backgrounds

Art Deco Fan

Geometric art deco sunburst fans radiate in gold and black.

Live preview Backgrounds

Asteroid Belt

Rocks of an asteroid belt drift slowly in orbit around the sun.

Live preview Backgrounds

Beacon Sweep

A rotating beacon casts a sweeping cone of warning light.

Live preview Backgrounds

Beetle Wing Iridescence

Jewel beetle wing shifting with structural green-gold color.

Live preview Backgrounds

Rising Bubbles

Translucent bubbles float upward through a watery blue space.

Live preview Backgrounds

Cake Candle Blow

A birthday cake with candles whose flames lean in the breeze.

Live preview Backgrounds

Candle Flame Row

A row of candle flames flicker gently in a dark setting.

Live preview Backgrounds

Checkered Flag

A black and white checkered flag waves in the wind.

Live preview Backgrounds

Cherry Grove

Pink cherry blossom petals drift through a serene grove.

Live preview Backgrounds

Wind Chime Spin

Tubular wind chimes sway and ring in a gentle breeze.

Live preview Backgrounds

Christmas Tree Lights

Twinkling Christmas tree lights blink in festive colors.

Live preview Backgrounds

Comet NEOWISE

Comet NEOWISE displays a brilliant twin tail in twilight.

#animation #gradient #filter

Live preview Backgrounds

Cracked Concrete

Grey concrete with dark cracks branching across the surface.

Live preview Backgrounds

Cotton Candy Spin

A swirl of pink cotton candy spins around a paper cone.

Live preview Backgrounds

Dandelion Seeds

Floating dandelion seeds drift away on a gentle summer breeze.

Live preview Backgrounds

Sahara Desert

Endless Sahara dunes ripple golden under a fierce sun.

Live preview Backgrounds

Diagonal Moving Lines

Crisp neon diagonal lines sweep across a dark backdrop like a synth scan.

#gradient #animation #3d

Live preview Backgrounds

Dichroic Glass

Dichroic glass shifts between transmitted and reflected colors.

Live preview Backgrounds

Dragon Curve

Heighway dragon curve iterating with fractal jagged edges.

Live preview Backgrounds

Crimson Dusk

A dramatic crimson dusk ignites the horizon in red.

Live preview Backgrounds

Electric Keyboard

An electric keyboard's keys pulse with neon glow as they play.

Live preview Backgrounds

Foggy Forest

Thick fog rolls between dark silhouetted trees at dawn.

Live preview Backgrounds

Spiral Galaxy

A swirling spiral galaxy of stars rotates in deep space.

Live preview Backgrounds

Gradient Shift

A wide multi-stop gradient that continuously cycles its position for a calm flow.

Live preview Backgrounds

Kaleidoscope 6

A 6-fold kaleidoscope of bright symmetric patterns.

Live preview Backgrounds

MP3 Waveform

An audio waveform scrolls horizontally across a dark panel.

#animation #gradient #filter

Live preview Backgrounds

Paint Spray

Fine spray paint mist coats a surface in gradient color.

Live preview Backgrounds

Swirling Portal

A magical portal swirls with green energy rings.

Live preview Backgrounds

Spirograph

Spirograph hypotrochoid curve with rotating multi-petal shape.

Live preview Backgrounds

Tuning Fork Ring

A struck tuning fork vibrates and emits visible resonance waves.

Live preview Backgrounds

Vinyl Record Spin

A black vinyl record spins on a turntable under warm light.

Live preview Backgrounds

White Noise Snow

Television white-noise snow with analog flicker.

Live preview Backgrounds

Wormhole Spin

Wormhole throat spinning with swirling space-time distortion.