Live preview Checkboxes
Circle Stroke Draw
An SVG circle outline draws itself around a center dot that pops in when checked.
#rotate CSS effects
56 free, pure-CSS effects match the "rotate" tag. Each is copy-ready and needs no library or build step.
Live preview Checkboxes
Ripple Burst Check
Toggling on triggers an expanding ripple ring around the checkbox.
Live preview Checkboxes
Scale Pop Checkmark
The checkmark scales up with overshoot then settles, paired with a soft background.
Live preview Loaders
Stopwatch Tick
A stopwatch face with a red second hand ticking in 60 discrete steps.
Live preview Toggles
Subscribe Bell
Gray bell turns gold and rings with a pulse wave when subscribed.
Live preview Alerts
Zenith Restart Alert
A restart prompt whose arrow completes one full turn and then rests before turning again.
Live preview Checkboxes
Bounce Spring Checkmark
A checkmark that pops in with a springy bounce when the checkbox is toggled on.
Live preview Checkboxes
Color Sweep Check
A diagonal color sweep wipes across the checkbox leaving the checkmark behind when checked.
Live preview Checkboxes
Leaf Grow Toggle
A leaf emoji grows in from a small scale with a green glow when checked.
Live preview Checkboxes
Minimal Line Check
A clean, borderless minimal check whose mark fades in softly when toggled on.
Live preview Loaders
Vortex Spiral
Four nested purple rings spiraling inward and fading to nothing.
Live preview Modals
Chalk Note Modal
A dashed sticky note swings in at an angle and straightens onto a pin.
Live preview Modals
Oasis Rating Modal
A feedback card spins as it slides across the scene carrying a star row and a note field.
Live preview Modals
Spindle Variant Modal
A size and colour picker spins clockwise into place from a tiny rotated seed.
Live preview Progress
Blush Bloom Progress
Six petals ring a pulsing golden heart and the four opened ones report the current share.
Live preview Text
Violent Shake
Text shakes violently for a brief moment then pauses, on a loop.
Live preview Avatars
Brass Conic Halo Avatar
A conic brass gradient turns endlessly around a dark initials disc.
Live preview Checkboxes
Circle Burst Confetti
On check, a burst of confetti particles flies outward from the checkbox center.
Live preview Checkboxes
Cool Shades Toggle
A grayscale face flips to cool sunglasses emoji with a swagger tilt when checked.
Live preview Checkboxes
Double Tick Mark
Two checkmarks draw in sequence — a WhatsApp-style double-tick when checked.
Live preview Checkboxes
Emoji Reveal Toggle
A face emoji that flips from neutral to a happy grinning face when checked.
Live preview Checkboxes
Fill From Bottom
A square checkbox where a colored block fills upward from the bottom when checked.
Live preview Checkboxes
3D Flip Card Check
A checkbox that flips in 3D to reveal a green check face when toggled on.
Live preview Checkboxes
Flower Bloom
A flower emoji blooms from a small bud with a pink glow and 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
Pizza Order Toggle
A dim pizza emoji fills with warm color and rotates upright when ordered.
Live preview Checkboxes
Slide-In Checkmark
The checkmark slides in from the left and settles into place when checked.
Live preview Checkboxes
Star Rating Toggle
A star icon that fills with gold and spins slightly when toggled on.
Live preview Checkboxes
Thumbs Up Like
A grayscale thumbs-up emoji that fills with color and pops with a tilt when liked.
Live preview Checkboxes
Tick Cross Morph
An X mark morphs into a checkmark with a color shift from red to green when checked.
Live preview Checkboxes
Trophy Win Toggle
A dim trophy emoji shines with a golden glow and pops in when earned.
Live preview Checkboxes
X Mark Toggle
A square that reveals a red X mark when toggled on — the inverse of a checkmark.
Live preview Loaders
Dual Ring Spinner
Two concentric rings spinning in opposite directions with colored arcs.
Live preview Loaders
Progress Circle
An SVG circle with a sweeping arc that grows and shrinks while rotating.
Live preview Modals
Chassis Delete Modal
An account deletion dialog tips up on its bottom edge and unlocks once DELETE is typed.
Live preview Modals
Circuit Verification Modal
A one time code dialog swings open on its left hinge with six slots and a blinking caret.
Live preview Modals
Lagoon QR Modal
A pass panel flips on its vertical axis to reveal a scannable code block and claim line.
Live preview Modals
Lever Crop Modal
A photo crop tool swings upright on a pivot fixed at its bottom left corner.
Live preview Modals
Quiver Folder Modal
A kraft cardboard folder prompt lands with a taped tab and quivers to a stop on its own axis.
Live preview Modals
Socket Report Modal
A reporting dialog swings in on a right hand hinge over three selectable reason rows.
Live preview Modals
Spiral Quick View Modal
Primary coloured bauhaus shapes spiral into the corner one by one and the product quick view lands behind them.
Live preview Modals
Sway Booking Modal
Gilded deco rays fan open behind an appointment confirmation that rises with them.
Live preview Marquees
Granite Skew Band
A pale band tilted a few degrees crosses the frame while its caption keeps moving.
Live preview Marquees
Oasis Orbit Text
Instead of a straight rail the caption is bent onto a circle and orbits forever.
Live preview Marquees
Sway Spin Glyphs
Every letter turns on its own vertical axis as the row of glyphs travels sideways.
Live preview Progress
Conduit Sync Progress
Two chasing arrow arcs turn forever beside a device count and the current sync share.
Live preview Progress
Valley Ticks Progress
Twelve rotated tick marks form a circular counter with eight of them lit around a centre count.
Live preview Progress
Willow Halo Progress
A hairline gradient halo turns forever around a static value arc that holds forty six percent.
Live preview Text
Encrypt Shift
Chaotic hue-rotate and letter-spacing distortion simulating encryption noise.
Live preview Text
3D Wave Letters
Letters rotate on the X axis in a traveling wave for a 3D ripple effect.
Live preview Timelines
Gear Chain Timeline
Toothed wheels turn in opposite directions and a bead chain links each stage.
Live preview Toggles
Airplane Mode
Signal bars disappear and an airplane swoops in when airplane mode is on.
Live preview Toggles
Bluetooth On / Off
Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.
Live preview Toggles
Sun Brightness Rings
A dim sun ignites and casts two rotating dashed light rings when bright.
Live preview Toggles
Padlock Lock / Unlock
Padlock body changes color and the shackle swings open when unlocked.
Live preview Toggles
Speaker Mute / Unmute
Speaker sound waves pulse out when unmuted and a red slash appears when muted.