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.
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Wave Bars Loader
Five vertical bars rise and fall like an audio equalizer at even offsets.
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
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Live preview Loaders
Windshield Wiper
Windshield wiper swiping back and forth across raindrops.
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 Modals
Amber Alert Modal
A warning dialog jolts sideways on entry with an amber icon beside the heading.
Live preview Modals
Anvil Reconnect Modal
A reconnection notice slams down and squashes on impact while a retry ring keeps turning.
Live preview Modals
Arc Reward Modal
A points reward panel swings up along a wide arc over a scrolling vaporwave horizon grid.
Live preview Modals
Aurora Consent Modal
A cookie consent bar lifts from the bottom edge while an aurora ribbon drifts along its rim.
Live preview Modals
Basalt Corner Modal
A square edged panel unfolds diagonally from the top left corner of the scene.
Live preview Modals
Bearing Timezone Modal
A timezone chooser unfurls sideways from a thin vertical line into a list of offsets.
Live preview Modals
Bloom Level Up Modal
A chunky pixel art level up panel blooms open in five discrete jumps and then fills its XP bar.
Live preview Modals
Brass Drawer Modal
A property drawer slides in from the right edge over a dimmed workspace.
Live preview Modals
Caliper Currency Modal
A currency selector shears in from the left and straightens its skew as it lands.
Live preview Modals
Canyon Login Modal
A sign in dialog rushes forward out of depth on a perspective axis with two credential rows.
Live preview Modals
Cascade Notify Modal
A notification preferences dialog cascades its switch rows into place one after another.
Live preview Modals
Chassis Delete Modal
An account deletion dialog tips up on its bottom edge and unlocks once DELETE is typed.
Live preview Modals
Circuit Verification Modal
A one time code dialog swings open on its left hinge with six slots and a blinking caret.
Live preview Modals
Cobalt Left Drawer
A navigation drawer glides in from the left edge with a stacked link column.
Live preview Modals
Coil Badge Modal
A memphis styled badge award springs open vertically like a released coil among scattered shapes.
Live preview Modals
Conduit Block Modal
A block confirmation opens like an old screen, first widening then unfolding vertically.
Live preview Modals
Copper Toast Modal
A notification strip drops from the top edge and drains a copper timer bar.
Live preview Modals
Coral Gallery Modal
An image lightbox expands with a thumbnail strip pinned under the main frame.
Live preview Modals
Cove Logout Modal
A sign out confirmation contracts out of a soft blur beside the avatar it will close.
Live preview Modals
Cusp Sizing Modal
A halftone size guide opens through a clip aperture that widens from the centre without stretching its text.
Live preview Modals
Dash Quest Modal
A phosphor green terminal prints the daily quest lines one after another behind a blinking caret.
Live preview Modals
Delta Signup Modal
A registration dialog springs past its final size before settling above a terms line.
Live preview Modals
Dune Upgrade Modal
An upgrade offer lifts into view while a warm highlight sweeps across the plan card.
Live preview Modals
Dynamo Invite Modal
A team invite panel spins up to full size while a charged halo keeps rotating in the corner.
Live preview Modals
Ember Shortcuts Modal
A shortcut sheet lifts from below and its border keeps breathing with a warm ember glow.
Live preview Modals
Fjord Reset Modal
A password reset panel slides in from the left while a skew straightens out under it.
Live preview Modals
Flange App Modal
An app download prompt shoots in from the right edge, overshoots and snaps back into line.
Live preview Modals
Flint Spotlight Modal
A circular iris opens across the dialog while a spotlight gradient lights the scene.
Live preview Modals
Flux Event Modal
An event detail card wobbles in like jelly over a gradient mesh that keeps shifting behind it.
Live preview Modals
Forge Survey Modal
A one question survey unrolls to the right from its left edge above a draggable slider.
Live preview Modals
Frost Sheet Modal
A frosted glass panel scales up while the backdrop blurs the scene behind it.
Live preview Modals
Garnet Flag Modal
A diagonal corner ribbon rides along with a dialog that slides up from the right.
Live preview Modals
Gasket Terms Modal
A scrollable terms panel seats itself down from oversize while a ring closes around the rim.
Live preview Modals
Gear Preview Modal
A document preview hops up from the lower edge beside its page count and file size.
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
Glacier Command Palette
A command palette drops from the top edge and sharpens out of a blur over result rows.
Live preview Modals
Gleam Rename Modal
A neon sign rename dialog flickers on like a cold tube before a gleam sweeps along its glass.
Live preview Modals
Glide Tour Modal
A frosted onboarding step glides in from the right while a translucent ghost slab trails behind it.
Live preview Modals
Granite Form Modal
An invite form slides up with two labelled fields and a split action footer.
Live preview Modals
Harbor Emoji Picker
An emoji picker grows out of its lower left corner above a category strip and preview line.
Live preview Modals
Hush Archive Modal
A blueprint archive confirmation fades in quietly while its measure lines extend outward from the centre.
Live preview Modals
Ivory Minimal Modal
A quiet text only dialog fades in on square corners with a single hairline rule.
Live preview Modals
Jade Drop Modal
The dialog falls from above the scene and bounces twice before it settles.
Live preview Modals
Kiln Maintenance Modal
A maintenance window notice grows out of a small glowing disc and squares off into a panel.
Live preview Modals
Kindle Note Modal
A sketchbook note dialog draws its own hand inked outline with an SVG stroke before the content settles.
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
Lattice Coupon Modal
A promo code ticket slides in diagonally from the top left over a drifting lattice mesh.
Live preview Modals
Lever Crop Modal
A photo crop tool swings upright on a pivot fixed at its bottom left corner.
Live preview Modals
Marble Poster Modal
A thick ivory frame holds an artwork preview that lifts in like a mounted poster.
Live preview Modals
Meadow Upload Modal
A drag and drop area fades up inside a dashed frame whose stroke keeps marching around it.
Live preview Modals
Mesa Checkout Modal
An order summary drifts in diagonally from the lower right with line items and a total.
Live preview Modals
Mica Veil Modal
The backdrop is a drifting hatch pattern that keeps moving while the panel is open.
Live preview Modals
Monsoon Release Modal
Release notes are uncovered by a curtain wiping downward while drizzle drifts over the header.
Live preview Modals
Nickel Panel Modal
An industrial settings bar drops from the top edge with labelled status pills.
Live preview Modals
Obsidian Zoom Modal
The panel starts oversized and pulls back to size while a glow shrinks behind it.
Live preview Modals
Onyx Flip Modal
The dialog swings forward on its top edge like a flip card before settling flat.
Live preview Modals
Opal Scroll Modal
A pinned header sits above a scrollable list inside a compact opal dialog.
Live preview Modals
Orbit Feature Modal
A feature announcement travels in along a curved arc while an iridescent sheen keeps orbiting its rim.
Live preview Modals
Pearl Price Modal
A pricing card rises into view with a plan badge, feature list and call to action.
Live preview Modals
Piston Address Modal
A shipping address form unrolls downward like an accordion from its own top edge.
Browse by category
ButtonsCardsLoadersTextBackgroundsCheckboxesTogglesHover EffectsBadgesFormsNavigationTooltipsAccordionsAlertsAvatarsModalsProgressSlidersTabsTablesTimelinesMarquees