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 5 of 10
Checkboxes effects
Live preview Checkboxes
Live preview Checkboxes
Gem Shape Fill
A CSS-cut gem shape that fills with an emerald gradient and flips when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Glassmorphism Amber
A frosted glass effect with amber tint and checkmark when checked.
Live preview Checkboxes
Glassmorphism Blue
A frosted glass effect with blue tint and checkmark when checked.
Live preview Checkboxes
Glassmorphism Violet
A frosted glass effect with violet tint and checkmark 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
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Animated Gradient Fill
A square filled with an animated gradient background and a white checkmark when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Grasshopper Leap Toggle
A grasshopper leaps with a green 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
Live preview Checkboxes
Has-Selector Option Row
The :has() selector lets the checked input restyle its entire surrounding card.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Hematite Metallic Stone
A silver metallic hematite stone reflects light when checked.
Live preview Checkboxes
Live preview Checkboxes
Hexagon Fill
A hexagon outline that fills with an amber gradient and reveals a checkmark 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
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Ice Cream Melt Toggle
An ice cream cone pops with a pastel glow when checked.
Live preview Checkboxes
Ink Splat Checkbox
A drop of ink bursts out of the box and settles into a filled square when ticked.
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
Jupiter Striped Giant
A banded gas giant with a great red spot appears when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Key Turn Checkbox
A key rotates a quarter turn in the barrel and the shackle springs shut.
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
Lapis Lazuli Stone
Deep blue lapis lazuli with golden flecks shimmers when checked.
Live preview Checkboxes