Live preview Loaders
Featured
Most popular CSS effects
The library's 10,238 effects, ordered by views. They are all pure CSS: copy, paste, and use them with no library or build step.
Most viewed effects
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Spinning Top
A diamond-shaped top spinning fast while wobbling off-axis.
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Trampoline Bounce
A pink ball bouncing on a cyan trampoline surface that flexes on impact.
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Vortex Spiral
Four nested purple rings spiraling inward and fading to nothing.
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Modals
Chalk Note Modal
A dashed sticky note swings in at an angle and straightens onto a pin.
Live preview Modals
Girder Version Modal
A version mismatch notice tilts flat out of a corner rotation on two axes at once.
Live preview Modals
Halo Weather Modal
A weather detail sheet fades up as a soft sun disc rises behind it and its halo keeps breathing.
Live preview Modals
Lagoon QR Modal
A pass panel flips on its vertical axis to reveal a scannable code block and claim line.
Live preview Modals
Lapis Stack Modal
Three layered sheets fan out in sequence so the front dialog lands on a deck.
Live preview Modals
Oasis Rating Modal
A feedback card spins as it slides across the scene carrying a star row and a note field.
Live preview Modals
Shaft Signature Modal
A signing pad expands vertically out of a hairline and then draws the stroke by itself.
Live preview Modals
Spindle Variant Modal
A size and colour picker spins clockwise into place from a tiny rotated seed.
Live preview Modals
Summit Map Modal
A map preview zooms out of the pin it belongs to while a signal ring keeps pulsing.
Live preview Modals
Tether Payment Modal
A card entry panel is hauled in from the lower left on a cord that snaps taut behind it.
Live preview Modals
Willow Help Modal
A support panel hangs from its top edge and sways to a stop over a list of topics.
Live preview Modals
Wisp Tag Modal
A tagging panel condenses out of a blurred wisp while mist bands keep drifting across the scene.
Live preview Marquees
Amber Hover Hold
The amber capsule keeps looping until the pointer rests on it, then freezes.
Live preview Marquees
Delta Bulb Frame
Cinema marquee bulbs chase along both edges while the billing text rolls through.
Live preview Marquees
Fjord Departure Board
Time, destination and platform columns travel across a station departure panel.
Live preview Marquees
Flange Plate Line
Registration plates with a blue country band file past a workshop wall rail.
Live preview Marquees
Garnet Step Ticker
A stepped timing function turns the smooth glide into discrete mechanical jumps.
Live preview Marquees
Obsidian Credits Roll
Role and name pairs scroll upward like the closing credits of a short film.
Live preview Marquees
Opal Trio Speed
Three rows share one keyframe but run at different durations, building depth.
Live preview Marquees
Ridge Price Cut Band
A promo band where every entry strikes an old price and shouts the new one.
Live preview Marquees
Spiral Bullet List
A real list scrolls sideways and each square marker turns a quarter on every beat.
Live preview Marquees
Tether Connector Run
Pinned plugs linked by short cable stubs march past with their contacts blinking.
Live preview Marquees
Vault Scale Breath
Words swell and shrink on their own beat, so the rail seems to breathe as it moves.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Fuzzy Match Palette
Command palette that highlights matched letters in the query string.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Curtain Split Reveal Nav
Two curtains split apart horizontally to reveal the nav links.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Accordion Collapse Drawer Navbar
Drawer with collapsible accordion groups using details/summary.
Live preview Navigation
Fixed Edge Drawer Navbar
Drawer fixed to the viewport edge with a sharp vertical layout.
Live preview Navigation
Gradient Panel Drawer Navbar
Drawer with a gradient panel background and active indicator.
Live preview Navigation
Live preview Navigation
Push Content Left Drawer Navbar
Left drawer pushes the main content rightward when opening.
Live preview Navigation
Push Content Right Drawer Navbar
Right drawer pushes the main content leftward when opening.
Live preview Navigation
Live preview Navigation
Sticky Side Drawer Navbar
Sticky left drawer that stays in place during scroll.
Live preview Navigation
Live preview Navigation
Live preview Navigation
Live preview Navigation
Browse by category
ButtonsCardsLoadersTextBackgroundsCheckboxesTogglesHover EffectsBadgesFormsNavigationTooltipsAccordionsAlertsAvatarsModalsProgressSlidersTabsTablesTimelinesMarquees