Live preview Progress
Tundra Glass Progress
An hourglass built from two clipped triangles where the upper chamber drains as the lower one packs.
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 Progress
Turbine Charge Progress
An upright cell whose electrolyte keeps climbing behind a bolt glyph while it charges.
Live preview Progress
Vellum Verge Progress
Ink soaks across a fibrous paper strip and the blurred wet edge keeps creeping at the verge.
Live preview Progress
Velour Lull Progress
A neumorphic groove pressed into a soft slab, holding a raised pill and a slowly breathing marker.
Live preview Progress
Vitrine Glide Progress
A frosted glass panel floating over coloured light, with a specular streak gliding across it.
Live preview Progress
Willow Halo Progress
A hairline gradient halo turns forever around a static value arc that holds forty six percent.
Live preview Sliders
Aurora Equalizer Bank
Five vertical faders stand side by side over an aurora-tinted channel bank.
Live preview Sliders
Brass Groove Slider
A deep machined groove holds a polished brass bead between end caps.
Live preview Sliders
Cascade Contrast Slider
A high contrast build with black on white shapes and a thick yellow focus outline.
Live preview Sliders
Chalk Dashed Slider
A dashed chalk line stands in for the rail under a soft powdery handle.
Live preview Sliders
Circuit Mixer Strip
A single mixing-desk channel strip with a name plate, gain scale and grooved fader cap.
Live preview Sliders
Cobalt Focus Slider
Keyboard focus expands a cobalt halo around the handle instead of a flat outline.
Live preview Sliders
Conduit Fuel Gauge
A fuel rail whose green fill buries the red reserve band as the tank climbs, with a range estimate above.
Live preview Sliders
Coral Press Slider
Holding the handle squashes it into the rail and the whole card sinks with it.
Live preview Sliders
Dash Paper Slider
Kraft cardboard with a fibre grain, a strip of masking tape and a stamped dashed frame.
Live preview Sliders
Delta Balance Slider
A stereo balance control whose rail fades outward from a centre detent mark.
Live preview Sliders
Drift Leak Slider
A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.
Live preview Sliders
Dune Curve Slider
Layered shading bows a perfectly flat rail into what reads as a rounded dune crest.
Live preview Sliders
Echo Board Slider
Solder mask green with silkscreen text, a gold trace rail and four through hole pads.
Live preview Sliders
Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
Live preview Sliders
Fjord Zoom Control
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
Live preview Sliders
Flange Pressure Lever
A conic gauge face reads the regulator while the rail marks its own red zone near the top.
Live preview Sliders
Flint Triangle Slider
A clipped flint arrowhead points down at the rail like a ruler marker.
Live preview Sliders
Flux Holo Slider
An iridescent film keeps drifting through the rail and the sample strip above it.
Live preview Sliders
Forge Log Scale
Evenly spaced decades give a logarithmic frequency feel under a glowing ember readout.
Live preview Sliders
Frost Track Slider
A hairline icy rail carries a glowing round knob that swells under the pointer.
Live preview Sliders
Garnet Scale Slider
A numbered measuring scale sits above a slim rail marked by a glowing garnet blade.
Live preview Sliders
Gasket Opacity Checker
A checkerboard bed shows through a plate whose alpha keeps breathing up and back down.
Live preview Sliders
Gear Ratio Selector
A toothed rail carries a hex-nut handle across eight final-drive ratios listed underneath.
Live preview Sliders
Girder Quality Tier
An I-beam rail with a bolted block handle steps between three labelled render tiers.
Live preview Sliders
Glacier Speed Control
Playback speed between a single slow bar and a stack of accelerating speed lines.
Live preview Sliders
Glide Glass Slider
A frosted plate floats over a blurred colour orb and carries a translucent rail across it.
Live preview Sliders
Granite Ticks Slider
Five discrete stops backed by a datalist, with tick marks drawn under the rail.
Live preview Sliders
Halo Border Slider
The card border and the knob ring are both painted by the same four stop gradient.
Live preview Sliders
Harbor Budget Slider
A budget picker with a large currency readout above and hard limits printed below.
Live preview Sliders
Hush Wire Slider
Everything is one pixel wide: the frame, the rail, the tick comb and the open ring handle.
Live preview Sliders
Ivory Minimal Slider
One hairline rule, one tiny ivory dot and a monospaced readout — nothing else.
Live preview Sliders
Jade Vertical Fader
A vertical mixing fader built with writing-mode, filling upward from the bottom.
Live preview Sliders
Kiln Thermometer Tube
A glass column with a glowing bulb below it stands in for the handle of a kiln thermometer.
Live preview Sliders
Kindle Trail Slider
A single ember keeps running along a dotted fuse line that sits under the thin amber rail.
Live preview Sliders
Lagoon Paired Sliders
Two colour coded controls sit shoulder to shoulder in one card, split by a thin divider.
Live preview Sliders
Lapis Brightness Slider
A brightness rail brightening from night blue to daylight between two markers.
Live preview Sliders
Lattice Line Height
Ruled baseline guides sit behind a paragraph whose leading opens up while focus is inside.
Live preview Sliders
Lever Loop Range
A bar waveform sits above a raked lever that picks how many bars the loop repeats for.
Live preview Sliders
Lull Halftone Slider
A print style dot screen fills the open rail and fades out across the plate above it.
Live preview Sliders
Marble Ring Slider
A hollow marble ring floats over a shallow channel and shows the rail through it.
Live preview Sliders
Mesa Endcap Slider
A small block and a large block bookend the rail to signal the minimum and maximum.
Live preview Sliders
Monsoon Notched Grip
Three cut notches score the grip while slanted rain streaks drift across the rail.
Live preview Sliders
Oasis Saturation Slider
A washed-out swatch strip floods back to full colour while the control is engaged.
Live preview Sliders
Obsidian Dual Range
Two stacked inputs share one rail so a min and a max handle bracket a span.
Live preview Sliders
Onyx Accent Slider
The native control kept intact and recoloured with a single accent-color line.
Live preview Sliders
Opal Bubble Slider
A pointed value bubble lifts above the rail whenever the control is touched.
Live preview Sliders
Orbit Neumorph Slider
A pale putty panel where a moon knob rides a pressed groove that fills in behind it.
Live preview Sliders
Pearl Volume Slider
A speaker glyph drawn in CSS sits beside the rail with a numeric readout.
Live preview Sliders
Piston Amp Panel
A gold amplifier faceplate with an engraved gain legend sitting above a woven speaker grille.
Live preview Sliders
Prairie Zone Slider
The rail is banded into low, mid and high zones with a matching legend underneath.
Live preview Sliders
Quiver Wave Slider
The rail is a chain of alternating arcs forming a sine wave that keeps drifting sideways.
Live preview Sliders
Ratchet Shift Selector
A machined gate slot with six detented positions and a weighted shift-knob handle.
Live preview Sliders
Reef Neomorphic Slider
A soft-UI control where the channel is pressed inward and the knob swells outward.
Live preview Sliders
Ridge Year Picker
A year selector stepping one year at a time above a ruled decade scale.
Live preview Sliders
Ripple Sketch Slider
A notebook doodle: wobbly ink border, a double pencil stroke rail and a hand drawn blob handle.
Live preview Sliders
Rivet Corner Radius
A riveted steel plate rounds all the way from a hard square into a full circle on hover.
Live preview Sliders
Ruby Heat Slider
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
Live preview Sliders
Savanna Locked State
An enabled rail above a locked twin that drains its colour and dims its own label.
Live preview Sliders
Slate Pill Slider
A thick slate capsule rail where a violet fill tracks the pale pill handle.
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 Sliders
Spindle Axis Joystick
A crosshair gate pad reports the stick position while the rail trims the horizontal axis.
Live preview Sliders
Summit Brushed Rail
Fine vertical striations give the rail and the flat handle a brushed steel finish.
Live preview Sliders
Tether Trim Axis
A signed ruler runs from minus one hundred to plus one hundred with a bright zero detent.
Live preview Sliders
Thicket Header Slider
A tidy header line pins the field name left and its live value chip hard right.
Live preview Sliders
Tide Micro Slider
A compact inline chip barely taller than its label, sized for dense toolbars.
Live preview Sliders
Topaz Steps Slider
The rail is cut into five lit segments so every step lands on a visible block.
Live preview Sliders
Tundra Blur Preview
A frosted preview plate that sharpens the moment focus lands inside the control.
Live preview Sliders
Turbine Throttle Pair
A spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
Live preview Sliders
Valley Pastel Slider
A plum card carrying a mint to blush fill that follows a warm cream handle.
Live preview Sliders
Vault Pixel Slider
An eight bit console panel with a stepped pixel frame, blocky rail cells and a blinking caret.
Live preview Sliders
Wander Deco Slider
Gold hairlines rule a lacquered black plate with a faceted lozenge riding the gilt rail.
Live preview Sliders
Zenith Bauhaus Slider
Primary square, circle and wedge sit over a cream board with a bold two colour rail.
Live preview Tabs
Amber Segment Control
An iOS style segmented control with a springy amber thumb and scaling panels.
Live preview Tabs
Anvil Status Filter Tabs
Status filters with a heavy two pixel frame and no shadow, struck flat.
Live preview Tabs
Arc Vapor Tabs
A vaporwave grid horizon where the underline swings along a shallow arc, not a line.
Live preview Tabs
Basalt Icon Tabs
Icon only tabs cut from dark basalt with an ember bar riding the top edge.
Live preview Tabs
Bearing Difficulty Tabs
Difficulty tabs counted in bearing balls that seat themselves when chosen.
Live preview Tabs
Bloom Monochrome Tabs
Pure black and white with no colour at all; the active label gains weight and blooms.
Live preview Tabs
Cascade Icon Swap Tabs
Each tab flips its hollow icon over to a solid one the moment it becomes active.
Live preview Tabs
Chassis Density Tabs
Density tabs that stretch the same three rows instead of replacing them.
Live preview Tabs
Circuit View Switcher Tabs
Board style tabs that swap the panel between a list, a grid and a bar chart.
Live preview Tabs
Coil Carton Tabs
Corrugated cardboard tabs whose panel unrolls out of its own top left corner.
Live preview Tabs
Conduit Sort Direction Tabs
Two tabs flip one shared list end over end instead of swapping panels.
Live preview Tabs
Copper Badge Tabs
Each tab carries a count badge and the active one pulses in warm copper.
Live preview Tabs
Coral Icon Text Tabs
Icon and label together; the icon tilts and grows while an underline opens outward.
Live preview Tabs
Cove Peeking Carousel Tabs
Panels ride a horizontal track, the neighbours peeking dimmed at the edge of the frame.
Live preview Tabs
Cusp Cartoon Tabs
Thick outlined comic tabs that squash and spring back the moment they are picked.
Live preview Tabs
Dash Sketch Tabs
Hand drawn boxes on a notebook where a pencil dash is redrawn under the active tab.
Live preview Tabs
Delta Language Tabs
A language picker whose two letter code chip fills in as the greeting swaps below.
Live preview Tabs
Dune Right Aligned Tabs
Tabs pushed to the right of a titled bar, marked by a widening sand coloured rule.
Browse by category
ButtonsCardsLoadersTextBackgroundsCheckboxesTogglesHover EffectsBadgesFormsNavigationTooltipsAccordionsAlertsAvatarsModalsProgressSlidersTabsTablesTimelinesMarquees