Live preview Accordions
Aurora Stagger Accordion
Body lines lift into view one after another on a staggered delay ladder.
#animation CSS effects
3,824 free, pure-CSS effects match the "animation" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Basalt Console Accordion
A terminal window where each command line folds its own output away.
Live preview Accordions
Bearing Help Accordion
A help centre where focusing the search box reveals a hint above the topic folds.
Live preview Accordions
Bloom Mono Accordion
Pure black and white rows invert completely the moment a section opens.
Live preview Accordions
Chassis Notify Accordion
Every channel folds out a segmented control that sets how often it may reach you.
Live preview Accordions
Coral Wave Accordion
An open row keeps a slow coloured wave drifting along its underline strip.
Live preview Accordions
Dash Sketch Accordion
Dashed pencil boxes sit slightly askew and wobble a little when opened.
Live preview Accordions
Delta Split Accordion
Two independent columns of foldable rows sit side by side in one grid.
Live preview Accordions
Dune Right Accordion
Everything is anchored to the right edge and the marker turns from there.
Live preview Accordions
Dynamo Keys Accordion
Shortcut groups list their key caps while a small dynamo wheel keeps turning.
Live preview Accordions
Glacier Icons Accordion
Opening a section uncovers a four cell grid of small geometric icon tiles.
Live preview Accordions
Gleam Scroll Accordion
A parchment scroll unrolls from its rod and the writing drops into place.
Live preview Accordions
Glide Glass Accordion
Frosted glass panes float over a colour blur and the body glides down on open.
Live preview Accordions
Hush Wave Accordion
A soft wave sweeps across the panel and the text arrives in its wake.
Live preview Accordions
Jade Nested Accordion
A group folds open to reveal smaller accordions nested one level deeper.
Live preview Accordions
Lagoon Alerts Accordion
A notification tray whose day groups fold away with their unread markers.
Live preview Accordions
Lapis Drawer Accordion
Each row looks like a drawer with a grip handle and its contents slide out.
Live preview Accordions
Mica Grid Accordion
Grid template rows grow from zero while a mica flake glints beside the label.
Live preview Accordions
Obsidian Arrow Accordion
The arrow head slides forward and turns a quarter turn while the text swipes in.
Live preview Accordions
Piston Filters Accordion
Filter groups open with a piston rod stroke and list tickable options with hit counts.
Live preview Accordions
Ruby Timestamp Accordion
A log of timestamped entries where the detail line drops in under the clock.
Live preview Accordions
Savanna Meta Accordion
File style rows keep size and date on the right of every folding header.
Live preview Accordions
Sway CRT Accordion
A phosphor green tube with scanlines where each entry unrolls in monospace.
Live preview Accordions
Tether Locale Accordion
Region groups swing open onto locale rows and the chosen code lights up in place.
Live preview Accordions
Tundra Quote Accordion
Every row folds out a bordered pull quote with its source line underneath.
Live preview Accordions
Willow Line Accordion
A hairline sits under each header and a lit segment travels it while open.
Live preview Accordions
Zenith Memphis Accordion
Playful dots and diagonal confetti sit behind headers with a turning diamond.
Live preview Avatars
Arc Dotted Frame Avatar
Twelve separate dots replace the border and light up one after another around it.
Live preview Avatars
Aurora Banner Profile Card
A rectangular profile card whose aurora banner drifts behind the overlapping avatar.
Live preview Avatars
Bearing Active Speaker Avatars
The speaking member breathes inside a green glow while the silent one stays desaturated.
Live preview Avatars
Brass Conic Halo Avatar
A conic brass gradient turns endlessly around a dark initials disc.
Live preview Avatars
Coil Two Tone Conic Frame
A masked conic ring alternates two tones and reverses direction while hovered.
Live preview Avatars
Conduit Timezone Clock Avatar
A miniature analog dial turns beside the avatar to report the member local time.
Live preview Avatars
Cove Sliding Avatar Strip
A masked horizontal strip scrolls member chips endlessly and pauses on hover.
Live preview Avatars
Cusp Organic Corner Avatar
Four unequal corner radii keep morphing so the avatar never settles into a circle.
Live preview Avatars
Ember Speech Bubble Avatar
A chat bubble with a pointed tail floats gently beside the sender avatar.
Live preview Avatars
Flange Newcomer Ribbon Avatar
A diagonal ribbon is clipped into the corner of the tile and a spark twinkles beside it.
Live preview Avatars
Flint Droplet Avatar
A teardrop shaped avatar bobs gently and flips its pointed corner on hover.
Live preview Avatars
Girder Birthday Confetti Avatar
Paper bits rain over a celebrating member while the striped party hat rocks on top.
Live preview Avatars
Glacier Shifting Gradient Initial
A single initial rides a cold gradient that keeps sliding across the disc.
Live preview Avatars
Harbor Striped Backdrop Avatar
A diagonal striped plate scrolls endlessly behind a cut-out circular avatar.
Live preview Avatars
Lagoon Blur To Sharp Avatar
The portrait resolves from a blurred placeholder while the loading label fades out.
Live preview Avatars
Lapis Dashed Loader Avatar
A dashed ring spins around a dimmed avatar to mark a pending upload.
Live preview Avatars
Lull Floating Ground Shadow
A thin elliptical ground shadow shrinks in step with the avatar as it lifts.
Live preview Avatars
Marble Story Segment Ring
Segmented story arcs rotate around the avatar and freeze while hovered.
Live preview Avatars
Monsoon Outline Ripple Avatar
Outline rings instead of shadows expand outwards from the transparent avatar.
Live preview Avatars
Oasis Drawn Outline Avatar
An SVG dash segment travels around the avatar as a continuously drawn contour.
Live preview Avatars
Obsidian Medal Frame Avatar
Two laurel arcs orbit the portrait above a clipped award ribbon tail.
Live preview Avatars
Pearl Glimmer Sheen Avatar
A narrow light bar sweeps diagonally across the pearl-rimmed portrait disc.
Live preview Avatars
Piston Typing Indicator Avatar
Three dots pump inside a tailed bubble to show that this member is still typing.
Live preview Avatars
Quiver Reply Bubble Avatar
A reply bubble beside its avatar twitches now and then under the quoted parent line.
Live preview Avatars
Slate Presence Pulse Avatar
The green presence dot emits a soft ripple so the user reads as online.
Live preview Avatars
Tether Social Handle Avatar
A drawn camera badge pulses at the corner and rights itself when the avatar is hovered.
Live preview Avatars
Thicket Paired Match Avatars
Two avatars lean apart until hover pulls them together over a beating link node.
Live preview Avatars
Topaz Notification Count Avatar
An unread counter badge nudges itself every few seconds to draw the eye.
Live preview Avatars
Tundra Pentagon Frame Avatar
A pentagon frame sways slowly around a second pentagon holding the initials.
Live preview Avatars
Turbine Screen Share Frame
Marching dashes run around a monitor frame while the presenter avatar sits inside it.
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Live preview Badges
Arctic Aurora Badge
Aurora-borealis gradient badge with shifting green-violet haze.
Live preview Badges