Live preview Accordions
Echo Origami Accordion
The panel unfolds in two paper leaves that swing down on a shared crease.
#checkbox CSS effects
64 free, pure-CSS effects match the "checkbox" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Flux Page Accordion
Chapters open like a book page turning over on its spine with a soft shade.
Live preview Accordions
Amber Edge Accordion
A resin coloured rail down the left edge stretches to full height when open.
Live preview Accordions
Bloom Mono Accordion
Pure black and white rows invert completely the moment a section opens.
Live preview Accordions
Brass Ledger Accordion
Numbered ledger rows where the brass index chip fills as the note unrolls.
Live preview Accordions
Cascade Pill Accordion
Fully rounded pill rows relax into soft rectangles as their body appears.
Live preview Accordions
Chalk Dual Line Accordion
Two line headers pair a title with a quiet subtitle and a folding caret.
Live preview Accordions
Circuit Toggles Accordion
A settings panel whose groups unfold into rows that each carry a working switch.
Live preview Accordions
Coil Carton Accordion
Kraft cardboard panels with a fluted edge and a tape strip that stretches open.
Live preview Accordions
Conduit Privacy Accordion
Privacy rows pair an explanation fold with a switch, and the required one stays locked.
Live preview Accordions
Copper Rule Accordion
No shadows at all: a hairline rule draws itself in copper when a row opens.
Live preview Accordions
Coral Wave Accordion
An open row keeps a slow coloured wave drifting along its underline strip.
Live preview Accordions
Cove Swap Accordion
The trailing action word slides out and its opposite slides in on toggle.
Live preview Accordions
Cusp Zip Accordion
A zipper runs under the header and its pull travels across as the pocket opens.
Live preview Accordions
Dynamo Keys Accordion
Shortcut groups list their key caps while a small dynamo wheel keeps turning.
Live preview Accordions
Ember Stack Accordion
Cards overlap like a fanned deck until the chosen one steps out of the pile.
Live preview Accordions
Fjord Slide Accordion
Panels open sideways: the body widens from the left header out to the right.
Live preview Accordions
Flange Glossary Accordion
Letter groups sweep a tinted wash across the header while the term list unrolls.
Live preview Accordions
Forge Lessons Accordion
Course chapters list their lessons with a play wedge, runtime and a watched state.
Live preview Accordions
Gasket Errors Accordion
Error codes open into a cause and fix pair while the code chip picks up a ring.
Live preview Accordions
Girder Team Accordion
Crew groups slide their members in from the left beside a drawn truss marker.
Live preview Accordions
Halo Curtain Accordion
Two velvet curtains part sideways to uncover the text behind each header.
Live preview Accordions
Hush Wave Accordion
A soft wave sweeps across the panel and the text arrives in its wake.
Live preview Accordions
Ivory Dot Accordion
A bare list where a small dot swells into an open ring beside the active row.
Live preview Accordions
Kindle Envelope Accordion
The flap lifts on its hinge and the letter slides up out of the envelope.
Live preview Accordions
Lattice Order Accordion
An order summary whose subtotal rows unroll with dotted leaders under a fixed total.
Live preview Accordions
Lever Commands Accordion
A command cheat sheet whose lever arm tilts over as the monospace rows appear.
Live preview Accordions
Lull Map Accordion
A paper map spreads out of its creases and the fold shading fades as it opens.
Live preview Accordions
Meadow Code Accordion
Each file row unrolls a numbered code block with tinted selectors and props.
Live preview Accordions
Mica Grid Accordion
Grid template rows grow from zero while a mica flake glints beside the label.
Live preview Accordions
Monsoon Inset Accordion
Depth comes only from inset hairlines, never from a drop shadow underneath.
Live preview Accordions
Nickel Switch Accordion
Every header carries a small metal switch that slides over as the row opens.
Live preview Accordions
Oasis Legend Accordion
Colour coded category groups where the open group borrows its own hue.
Live preview Accordions
Onyx FAQ Accordion
A quiet FAQ list whose plus sign rotates into a minus as the answer drops.
Live preview Accordions
Orbit Relief Accordion
Softly embossed panels sink into the surface the moment their section opens.
Live preview Accordions
Pearl Avatar Accordion
Each row opens with an initial badge that brightens as the message unfolds.
Live preview Accordions
Piston Filters Accordion
Filter groups open with a piston rod stroke and list tickable options with hit counts.
Live preview Accordions
Prairie Key Accordion
Keyboard shortcut badges sit in the header and press down while open.
Live preview Accordions
Pulse Brutal Accordion
Heavy black outlines over a hard offset block that snaps open in two steps.
Live preview Accordions
Pylon Tasks Accordion
Project phases fold open onto tick boxes that strike their own task line through.
Live preview Accordions
Quartz Clip Accordion
The panel is wiped open from the left edge with an animated clip path.
Live preview Accordions
Quiver Door Accordion
Three doors stand in a row and each swings open on a hinge to show its room.
Live preview Accordions
Reef Percent Accordion
Each header carries a coverage percentage and a row of filled meter pips.
Live preview Accordions
Socket Permissions Accordion
Permission rows squash open from the top edge to explain why access is requested.
Live preview Accordions
Spiral Fan Accordion
Blades sweep out from one pivot like a paper fan while the note appears.
Live preview Accordions
Summit Thick Accordion
The open section thickens its outline while the padding shrinks to absorb it.
Live preview Accordions
Thicket Status Accordion
Pass, fail and pending markers are drawn in pure CSS beside each label.
Live preview Accordions
Tide Dotted Accordion
No boxes at all: dotted rules divide the rows and the label spaces out.
Live preview Accordions
Topaz Progress Accordion
A thin progress line under each header runs to full width as the row opens.
Live preview Accordions
Turbine Account Accordion
Account sections tilt down on a hinge in real perspective instead of sliding open.
Live preview Accordions
Valley Zebra Accordion
Alternating row tints keep a dense list readable while sections expand.
Live preview Accordions
Valve Logs Accordion
Log levels collapse into groups and the valve wheel turns a quarter when opened.
Live preview Accordions
Verge Bellows Accordion
A ribbed bellows stretches between the header and the body as the fold expands.
Live preview Accordions
Wander Bauhaus Accordion
Primary colour circle, square and triangle mark rows that grow from zero.
Live preview Accordions
Wisp Cabinet Accordion
Filing cabinet drawers slide toward you and throw a shadow while they stay out.
Live preview Alerts
Amber Dismiss Alert
A hidden checkbox lets the warning collapse away and reveals a restore panel.
Live preview Alerts
Drift Night Alert
A night mode suggestion with drifting stars and a real switch that slides when clicked.
Live preview Alerts
Spindle Ribbon Alert
A page wide ribbon that rolls up around its spindle when the close cross is clicked.
Live preview Avatars
Valley Clickable Status Avatar
Clicking the avatar flips the presence label between available and do not disturb.
Live preview Sliders
Socket Mute Volume
A checkbox mute key greys the whole rail out and swaps the readout for a muted badge.
Live preview Tables
Forge Feature Flags
Real checkboxes become sliding switches and every enabled flag tints its own row through has.
Live preview Tables
Kindle Recipe Checklist
Ticking an ingredient kindles its box warm, rules a line through the name and fades the amount.
Live preview Tables
Lull Size Chart
A hidden checkbox swaps the whole chart between centimetres and inches with no script at all.
Live preview Tables
Savanna Selectable Rows
Real checkboxes drive the row highlight through the has selector with no script at all.