Live preview Checkboxes
Checkboxes — 900 CSS effects
Custom checkboxes, radio controls, and selection states.
Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.
Page 2 of 10
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Arrow Lock Checkbox
An arrow rotates a quarter turn and drops into the notch that holds it.
Live preview Checkboxes
Asteroid Rock Toggle
A jagged asteroid spins and lights up when checked.
Live preview Checkboxes
Aurora Borealis Wave
A flowing wave of green and purple aurora lights up when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Battery Bar Checkbox
Three cells light up left to right until the battery reads full.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Black Hole Swirl
A swirling vortex with a dark center draws matter inward when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Lightning Bolt Zap
An SVG lightning bolt that zaps in with an electric yellow glow when toggled on.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Dashed Border March
A dashed border that marches around the box when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Brush Stroke Checkbox
A rough paint stroke sweeps across the tile with ragged edges left behind.
Live preview Checkboxes
Bubble Pop Checkbox
A soap bubble swells past its limit, bursts, and leaves the tick in its place.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Burger Bite Toggle
A burger emoji brightens and tilts when you decide to bite.
Live preview Checkboxes
Circle Burst Confetti
On check, a burst of confetti particles flies outward from the checkbox center.
Live preview Checkboxes
Live preview Checkboxes
Butterfly Flutter Toggle
A butterfly flutters with a violet glow when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Candy Stripe Fill
A checkbox filled with animated diagonal candy stripes when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Caterpillar Crawl Toggle
A caterpillar wiggles with a lime glow when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Champagne Pop Toggle
A champagne bottle pops with a golden glow when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Clamp Grip Checkbox
Two jaws close on the block in the middle and squeeze it slightly flat.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
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
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes