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 6 of 10
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
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Medal Spin Reveal
A medal emoji spins 360 degrees on its Y-axis and shines when awarded.
Live preview Checkboxes
Live preview Checkboxes
Mercury Cratered Planet
A small gray cratered Mercury rotates into view when checked.
Live preview Checkboxes
Live preview Checkboxes
Meteor Streak Toggle
A bright meteor streaks across the box when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Minus Slide In
A horizontal minus bar slides in from the left with an orange tint 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
Moon Glow Toggle
A crescent moon emoji brightens with a soft yellow glow and slight rotation when checked.
Live preview Checkboxes
Square to Circle Morph
The box morphs from a sharp square into a soft rounded circle and changes color when checked.
Live preview Checkboxes
Square to Circle Checkbox
The empty square rounds itself into a filled circle as the tick appears.
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
Live preview Checkboxes
Live preview Checkboxes
Nebula Cloud Toggle
A soft swirling cloud of cosmic gas appears when checked.
Live preview Checkboxes
Live preview Checkboxes
Neon Outline Check
A rounded box whose border lights up in neon cyan with a glowing checkmark when checked.
Live preview Checkboxes
Live preview Checkboxes
Neon Cyan Checkmark
A neon-glowing cyan checkmark with electric shadow when toggled on.
Live preview Checkboxes
Neon Lime Checkmark
A lime green neon checkmark with bright glow when toggled on.
Live preview Checkboxes
Neon Orange Checkmark
An orange neon checkmark with warm glow when toggled on.
Live preview Checkboxes
Neon Pink Checkmark
A hot pink neon checkmark with electric glow when toggled on.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Neon Tube Checkbox
A dead glass tube stutters twice and then settles into a steady neon glow.
Live preview Checkboxes
Neon Violet Checkmark
A violet neon checkmark with electric purple glow when toggled on.
Live preview Checkboxes
Neon White Checkmark
A pure white neon checkmark with icy glow when toggled on.
Live preview Checkboxes
Neptune Deep Blue
A deep blue Neptune with a dark storm spot shows when checked.
Live preview Checkboxes
Live preview Checkboxes
Northern Lights Curtain
A curtain of green and violet light shimmers when checked.
Live preview Checkboxes
Music Note Bounce
A music note emoji bounces in rhythm with a purple 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
Live preview Checkboxes
Live preview Checkboxes
Obsidian Volcanic Glass
A glossy black obsidian shard reflects light when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
OKLCH Mint Checkbox
Hover, checked and focus shades are all mixed from one OKLCH base in OKLAB space.
Live preview Checkboxes
OKLCH Ramp Checkbox
Rest, hover, checked and ring shades are one OKLCH hue mixed at four steps.
Live preview Checkboxes
Onyx Black Stone
A polished black onyx stone with a glossy highlight when checked.
Live preview Checkboxes
Live preview Checkboxes
Opal Multi-Color Toggle
A multi-colored opal shifts through iridescent hues when checked.
Live preview Checkboxes
Live preview Checkboxes
Origami Fold Checkbox
Two triangular flaps fold in from opposite corners and meet in the middle.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes