Most popular CSS effects

Live preview Checkboxes

Cardinal Toggle

A cardinal bounces red on check.

Live preview Checkboxes

Castle Toggle

A stone castle rises up gray when checked.

Live preview Checkboxes

Cat Purr Toggle

A cat face purrs with an orange glow when checked.

Live preview Checkboxes

Caterpillar Crawl Toggle

A caterpillar wiggles with a lime glow when checked.

Live preview Checkboxes

Centipede Toggle

A centipede rotates orange on check.

Live preview Checkboxes

Chai Latte Toggle

A chai glows orange when checked.

Live preview Checkboxes

Champagne Pop Toggle

A champagne bottle pops with a golden glow when checked.

Live preview Checkboxes

Cheese Wedge Toggle

A cheese wedge brightens yellow when checked.

Live preview Checkboxes

Cherry Pair Toggle

A cherry pair bounces with a red glow when checked.

Live preview Checkboxes

Cherry Blossom Toggle

A cherry blossom glows pink when checked.

Live preview Checkboxes

Chickadee Toggle

A chickadee shakes gray when checked.

Live preview Checkboxes

Chocolate Bar Toggle

A chocolate bar glows rich brown when checked.

Live preview Checkboxes

Cicada Toggle

A cicada flips brown when checked.

Live preview Checkboxes

Cider Toggle

A cider flips red when checked.

#gradient #transform #border

Live preview Checkboxes

Clamp Grip Checkbox

Two jaws close on the block in the middle and squeeze it slightly flat.

Live preview Checkboxes

Classical Building Toggle

A classical building scales in amber when checked.

Live preview Checkboxes

Clementine Toggle

A clementine slides in orange when checked.

Live preview Checkboxes

Rock Climbing Toggle

A climber spins brown when checked.

Live preview Checkboxes

Clock Tick Toggle

A clock glows blue when checked.

#animation #shadow #transform

Live preview Checkboxes

Cloud Drift In

A cloud emoji drifts in from the left with a soft blue glow and gentle bob when checked.

Live preview Checkboxes

Rain Cloud Toggle

A rain cloud glows blue when checked.

Live preview Checkboxes

Snow Cloud Toggle

A snow cloud glows white when checked.

Live preview Checkboxes

Clover Luck Toggle

A clover pops green when checked.

Live preview Checkboxes

Cockroach Toggle

A cockroach bounces brown on check.

Live preview Checkboxes

Cocktail Mix Toggle

A cocktail glass shimmers with a cyan glow when checked.

Live preview Checkboxes

Coconut Toggle

A coconut spins brown when checked.

Live preview Checkboxes

Coffee Brew Toggle

A coffee cup steams up with a brown glow when checked.

Live preview Checkboxes

Amber Glow Color Toggle

A color swatch that fills with amber glow when checked.

Live preview Checkboxes

Aqua Color Toggle

A color swatch that fills with aqua when checked.

Live preview Checkboxes

Blush Color Toggle

A color swatch that fills with blush when checked.

Live preview Checkboxes

Bronze Color Toggle

A color swatch that fills with bronze when checked.

Live preview Checkboxes

Cobalt Color Toggle

A color swatch that fills with cobalt blue when checked.

Live preview Checkboxes

Copper Color Toggle

A color swatch that fills with copper when checked.

Live preview Checkboxes

Coral Color Toggle

A color swatch that fills with coral when checked.

Live preview Checkboxes

Crimson Color Toggle

A color swatch that fills with crimson when checked.

Live preview Checkboxes

Cyan Color Toggle

A color swatch that fills with cyan when checked.

Live preview Checkboxes

Emerald Color Toggle

A color swatch that fills with emerald when checked.

Live preview Checkboxes

Fuchsia Color Toggle

A color swatch that fills with fuchsia when checked.

Live preview Checkboxes

Honeycomb Color Toggle

A color swatch that fills with honeycomb gold when checked.

Live preview Checkboxes

Indigo Color Toggle

A color swatch that fills with indigo when checked.

Live preview Checkboxes

Jade Color Toggle

A color swatch that fills with jade green when checked.

Live preview Checkboxes

Lavender Color Toggle

A color swatch that fills with lavender when checked.

Live preview Checkboxes

Magenta Color Toggle

A color swatch that fills with magenta when checked.

Live preview Checkboxes

Mint Color Toggle

A color swatch that fills with mint when checked.

Live preview Checkboxes

Mustard Color Toggle

A color swatch that fills with mustard yellow when checked.

Live preview Checkboxes

Orchid Color Toggle

A color swatch that fills with orchid when checked.

Live preview Checkboxes

Rose Pink Color Toggle

A color swatch that fills with rose pink when checked.

Live preview Checkboxes

Royal Blue Color Toggle

A color swatch that fills with royal blue when checked.

Live preview Checkboxes

Rust Color Toggle

A color swatch that fills with rust red when checked.

Live preview Checkboxes

Saffron Color Toggle

A color swatch that fills with saffron orange when checked.

Live preview Checkboxes

Salmon Color Toggle

A color swatch that fills with salmon when checked.

Live preview Checkboxes

Sienna Color Toggle

A color swatch that fills with sienna brown when checked.

Live preview Checkboxes

Teal Color Toggle

A color swatch that fills with teal when checked.

Live preview Checkboxes

Umber Color Toggle

A color swatch that fills with umber brown when checked.

Live preview Checkboxes

Violet Color Toggle

A color swatch that fills with violet when checked.

Live preview Checkboxes

Comet Streak Toggle

A comet streaks with a cyan glow when checked.

Live preview Checkboxes

Compass North Toggle

A compass spins red when checked.

Live preview Checkboxes

Condor Toggle

A condor slides in black when checked.

Live preview Checkboxes

Construction Toggle

A construction site shakes yellow when checked.

#border #transform #container-query

Live preview Checkboxes

Container Query Checkbox

Below a certain width the helper text hides and the control keeps only its label.

Live preview Checkboxes

Control Knobs Toggle

Audio control knobs rotate indigo when checked.

Live preview Checkboxes

Cookie Crunch Toggle

A cookie wiggles with a warm brown glow when checked.

#shadow #transform #filter

Live preview Checkboxes

Cool Shades Toggle

A grayscale face flips to cool sunglasses emoji with a swagger tilt when checked.

Live preview Checkboxes

Coral Reef Stone

A pink coral stone with branching texture when checked.

#gradient #shadow #border

Live preview Checkboxes

Cormorant Toggle

A cormorant spins black when checked.

Live preview Checkboxes

Corn Cob Toggle

A corn cob brightens yellow with a warm glow when checked.

Live preview Checkboxes

Cortado Toggle

A cortado bounces brown on check.

#animation #gradient #transform

Live preview Checkboxes

Cosmic Dust Sparkles

Tiny sparkles of cosmic dust shimmer when checked.

Live preview Checkboxes

Cottage Toggle

A garden cottage fades in green when checked.

Live preview Checkboxes

Cowbird Toggle

A cowbird pulses brown when checked.

Live preview Checkboxes

Crab Pinch Toggle

A crab scuttles with a red glow when checked.

Live preview Checkboxes

Cranberry Toggle

A cranberry shakes red when checked.

Live preview Checkboxes

Crane Toggle

A crane flips gray when checked.

Live preview Checkboxes

Cricket Toggle

A cricket shakes green when checked.

Live preview Checkboxes

Cricket Bat Toggle

A cricket bat fades in brown when checked.

Live preview Checkboxes

Croissant Flaky Toggle

A croissant glows buttery gold when checked.

Live preview Checkboxes

Croquet Toggle

A croquet mallet glows green when checked.

Live preview Checkboxes

Crow Toggle

A crow fades in black when checked.

#animation #shadow #transform

Live preview Checkboxes

Crown Drop In

A crown emoji drops in from above with a bouncy settle when toggled on.

Live preview Checkboxes

Crystal Prism Toggle

A faceted crystal glows with prismatic light when checked.

#gradient #shadow #border

Live preview Checkboxes

Crystal Ball Toggle

A crystal ball glows purple when checked.

#clip-path #gradient #filter

Live preview Checkboxes

Faceted Crystal Checkbox

A cut gemstone made of clipped facets catches the light when selected.

Live preview Checkboxes

Cuckoo Toggle

A cuckoo glows brown when checked.

Live preview Checkboxes

Currant Toggle

A currant bounces red on check.

Live preview Checkboxes

Custard Pudding Toggle

A custard glows caramel when checked.

Live preview Checkboxes

Cycling Toggle

A bike spins green when checked.

Live preview Checkboxes

Daiquiri Toggle

A daiquiri bounces pink on check.

Live preview Checkboxes

Darts Toggle

A dartboard spins red when checked.

Live preview Checkboxes

Date Fruit Toggle

A date glows brown when checked.

Live preview Checkboxes

Deer Grace Toggle

A deer glows tan when checked.

Live preview Checkboxes

Department Store Toggle

A department store slides up purple when checked.

Live preview Checkboxes

Diamond Sparkle

A diamond emoji shimmers with a cyan glow and gentle rotation when toggled on.

#animation #3d #shadow

Live preview Checkboxes

Discus Throw Toggle

A discus bounces blue on check.

Live preview Checkboxes

Dizzy Stars Toggle

Dizzy stars spin with a blue glow when checked.

Live preview Checkboxes

Dog Bark Toggle

A dog face bounces with a brown glow when checked.