Live preview Cards
Smart Watch Face Card
Smartwatch face card with time, date, and activity rings.
#gradient CSS effects
5,189 free, pure-CSS effects match the "gradient" tag. Each is copy-ready and needs no library or build step.
Live preview Cards
Live preview Cards
Wax Seal Card
Card featuring a prominent red wax seal with an embossed monogram.
Live preview Cards
Live preview Cards
Weather Card
Weather forecast card with a spinning sun icon, temperature, location and a 5-day strip.
Live preview Cards
Rain Weather Card
Rainy weather card with animated raindrops streaking down a slate-blue card.
Live preview Cards
Storm Weather Card
Storm weather card with lightning flash, dark clouds, and a wind speed readout.
Live preview Cards
Sunny Weather Card
Sunny weather card with a rotating sun, warm sky gradient, and UV index.
Live preview Cards
Webinar Register Slot Card
Webinar registration card with topic, speaker, time, and register action.
Live preview Cards
Wedding Invitation
Wedding invitation card with floral corner, script names, and ceremony details.
Live preview Cards
Live preview Cards
Welcome Card
Welcome card with a waving hand, open door motif, and a soft sunrise gradient.
Live preview Cards
Whiskey Flight Card
Whiskey tasting flight card with samples, ages, and regions.
Live preview Cards
Live preview Cards
Wine Pairing Guide Card
Wine pairing recommendation card with wine, dish, and tasting notes.
Live preview Cards
Workshop Pass
Workshop pass with tool icons, hands-on label, and capacity meter.
Live preview Cards
Yoga Flow Card
Yoga session card with pose sequence, duration, and chakra color.
Live preview Cards
Live preview Checkboxes
Live preview Checkboxes
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
Black Hole Swirl
A swirling vortex with a dark center draws matter inward when checked.
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
Candy Stripe Fill
A checkbox filled with animated diagonal candy stripes when checked.
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
Crystal Prism Toggle
A faceted crystal glows with prismatic light when checked.
Live preview Checkboxes
Faceted Crystal Checkbox
A cut gemstone made of clipped facets catches the light when selected.
Live preview Checkboxes
Domino Tip Checkbox
The upright tile tips over onto its side and settles with a small bounce.
Live preview Checkboxes
Live preview Checkboxes
Elevator Doors Checkbox
Two brushed metal doors part in the middle to reveal the lit car behind.
Live preview Checkboxes
Blinking Eye Checkbox
An eyelid slides down over the iris, closing the eye when the box is ticked.
Live preview Checkboxes
Fill From Bottom
A square checkbox where a colored block fills upward from the bottom when checked.
Live preview Checkboxes
Diagonal Fill
A square that fills diagonally with a sweeping gradient when checked.
Live preview Checkboxes
Fill From Left
A square that fills with color from the left edge when checked.
Live preview Checkboxes
Fill From Right
A square that fills with color from the right edge when checked.
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Card Flip Reveal
A card-style flip that reveals a checkmark face when checked.
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
Animated Gradient Fill
A square filled with an animated gradient background and a white checkmark when checked.
Live preview Checkboxes
Hematite Metallic Stone
A silver metallic hematite stone reflects light when checked.
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
Jupiter Striped Giant
A banded gas giant with a great red spot appears when checked.
Live preview Checkboxes
Key Turn Checkbox
A key rotates a quarter turn in the barrel and the shackle springs shut.
Live preview Checkboxes
Lapis Lazuli Stone
Deep blue lapis lazuli with golden flecks shimmers when checked.
Live preview Checkboxes
Flip Lid Checkbox
A hinged lid swings up on its top edge and uncovers the tick underneath.
Live preview Checkboxes
Liquid Drop Checkbox
A droplet falls from above, lands in the box and floods it with colour.
Live preview Checkboxes
Malachite Banded Stone
A green banded malachite stone shows rings when checked.
Live preview Checkboxes
Live preview Checkboxes
Mercury Cratered Planet
A small gray cratered Mercury rotates into view when checked.
Live preview Checkboxes
Meteor Streak Toggle
A bright meteor streaks across the box when checked.
Live preview Checkboxes
Nebula Cloud Toggle
A soft swirling cloud of cosmic gas appears when checked.
Live preview Checkboxes
Neptune Deep Blue
A deep blue Neptune with a dark storm spot shows when checked.
Live preview Checkboxes
Northern Lights Curtain
A curtain of green and violet light shimmers when checked.
Live preview Checkboxes
Obsidian Volcanic Glass
A glossy black obsidian shard reflects light when checked.
Live preview Checkboxes
Onyx Black Stone
A polished black onyx stone with a glossy highlight when checked.
Live preview Checkboxes
Opal Multi-Color Toggle
A multi-colored opal shifts through iridescent hues when checked.
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
Live preview Checkboxes
Live preview Checkboxes
Live preview Checkboxes
Pearl Luster Toggle
A glowing pearl develops a soft iridescent sheen when checked.
Live preview Checkboxes
Push Pin Checkbox
A pin head presses down into the surface and leaves a dented ring around it.
Live preview Checkboxes
Plug Connect Checkbox
A two-pin plug slides into the socket and the contact lamp turns green.
Live preview Checkboxes
Pluto Dwarf Planet
An icy dwarf planet with a heart shape appears when checked.
Live preview Checkboxes
Property Arc Checkbox
A registered percentage animates the conic arc smoothly instead of snapping.
Live preview Checkboxes
Property Sweep Checkbox
A registered percentage property animates a conic fill sweeping around the box.
Live preview Checkboxes
Pyrite Fool's Gold
A metallic gold pyrite cube shines brightly when checked.
Live preview Checkboxes
Quasar Energy Beams
A bright galactic core emits twin beams when checked.
Live preview Checkboxes
Radar Sweep Checkbox
A radar arm sweeps the dish once and a contact blip stays lit behind it.
Live preview Checkboxes
Live preview Checkboxes
Sand Fill Checkbox
Grains pour into the vessel in steps until the level reaches the brim.
Live preview Checkboxes
Sapphire Blue Gem
A deep blue sapphire glows with internal light when checked.
Live preview Checkboxes
Saturn Ringed Planet
A ringed Saturn tilted at an angle shows when checked.
Live preview Checkboxes
Wax Seal Checkbox
A wax seal drops onto the paper, spreads outward and keeps its pressed rim.
Live preview Checkboxes
Shooting Star Trail
A star shoots across the box leaving a glowing trail when checked.
Live preview Checkboxes
Slide Fill Checkbox
Colour wipes in from the left edge of the box and the tick fades in behind it.
Live preview Checkboxes
Spring Coil Checkbox
A coiled spring compresses under load and the plate settles down onto it.
Live preview Checkboxes
Stardust Trail Toggle
A trail of golden stardust sparkles around the box when checked.
Live preview Checkboxes