Live preview Accordions
Rivet Downloads Accordion
Build groups punch open a format list where each row shows its extension and weight.
#details CSS effects
34 free, pure-CSS effects match the "details" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Ridge Search Accordion
Search results collected into collapsible groups with hit counts and paths.
Live preview Accordions
Ripple Quiet Accordion
Hairline rules and wide spacing only, with a dot that rings out while open.
Live preview Accordions
Shaft Params Accordion
Endpoint rows unpack a parameter grid whose gaps grow open from nothing.
Live preview Accordions
Anvil History Accordion
Activity is grouped by day and each group tightens its letter spacing as it lands.
Live preview Accordions
Aurora Stagger Accordion
Body lines lift into view one after another on a staggered delay ladder.
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
Caliper Guide Accordion
Step numbers come from a CSS counter, so no digit is written into the markup.
Live preview Accordions
Canyon Tree Accordion
A file tree feel where nested folders indent behind their own guide lines.
Live preview Accordions
Chassis Notify Accordion
Every channel folds out a segmented control that sets how often it may reach you.
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
Frost Panel Accordion
Frosted glass panels whose chevron flips and whose text thaws in from a blur.
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
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
Marble Card Accordion
Card shaped rows that lift on hover and let the description rise into place.
Live preview Accordions
Mesa Contact Accordion
A short question list closed off by a footer that offers a contact link.
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 Alerts
Nickel Details Alert
A native details element expands the failing rows underneath the error summary.
Live preview Timelines
Halo Charter Timeline
Frosted glass milestones expand on click and the open one gains a soft blue halo.