Live preview Accordions
Drift Blind Accordion
Horizontal slats tip open one after another to let the panel text show through.
#stagger CSS effects
16 free, pure-CSS effects match the "stagger" tag. Each is copy-ready and needs no library or build step.
Live preview Modals
Echo Invite Modal
Two offset outline echoes chase the invitation card into place while a warm light leak sweeps across it.
Live preview Modals
Lapis Stack Modal
Three layered sheets fan out in sequence so the front dialog lands on a deck.
Live preview Accordions
Aurora Stagger Accordion
Body lines lift into view one after another on a staggered delay ladder.
Live preview Accordions
Spiral Fan Accordion
Blades sweep out from one pivot like a paper fan while the note appears.
Live preview Alerts
Aurora List Alert
A blocking notice that enumerates three unmet conditions as staggered bullet rows.
Live preview Alerts
Flux Import Alert
An import summary of three counters that rise in turn while the failed tile keeps alarming.
Live preview Alerts
Pearl Blur Alert
Title and description resolve out of a soft blur one after the other on a loop.
Live preview Avatars
Wander Skill Chip Avatar
Skill chips beside the avatar rise one after another when the row is hovered.
Live preview Modals
Cascade Notify Modal
A notification preferences dialog cascades its switch rows into place one after another.
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 Modals
Tundra Share Modal
A share sheet rises and its destination tiles arrive one after another above a link row.
Live preview Marquees
Echo Chain Start
A ring expands out of each node in turn, so a pulse chains down the moving row.
Live preview Marquees
Orbit Letter Wave
Single letters ride the rail while a vertical wave travels through them in sequence.
Live preview Marquees
Ripple Bounce Beads
Round beads hop up and down out of phase while the whole string slides to the left.