Skip to content

Browse by category

1,126 pure-CSS effects across 33 categories. Every one is copy-paste ready, needs no JavaScript, and is free to use.

Copy-paste CSS buttons — solid fills, gradients, outlines, glow and lift-on-hover states, in every size and color.

Browse Buttons

Pure-CSS spinners, dots, bars and pulse loaders that need no SVG, no images and no JavaScript.

Browse Loaders

Card surfaces with hover lifts, gradient borders, glassmorphism and glow — ready to drop into any grid.

Browse Cards

Gradient text, typewriter reveals, shimmer headings and outline type — all with plain CSS.

Browse Text

Animated gradients, mesh blurs, auroras and moving washes for full-page or hero backgrounds.

Browse Backgrounds

Form fields and hover interactions — floating labels, focus glows, underline reveals and fill transitions.

Browse Inputs & Hover

Nav bars, link underlines, dropdown reveals and menu indicators built from CSS alone.

Browse Navigation & Menus

Section breaks with gradients, animated rules, dotted runs and decorative ornaments.

Browse Dividers & Separators

Status pills, count badges and label chips — solid, outlined, glowing and animated.

Browse Badges & Tags

Checkbox-driven switches, segmented toggles and day/night flips that work without any JavaScript.

Browse Toggles & Switches

Hover tooltips and small popovers positioned with pseudo-elements — no positioning library required.

Browse Tooltips & Popovers

Loading placeholders with sweeping shimmer gradients for text lines, avatars and cards.

Browse Skeletons & Shimmers

Fade-ups, scale-ins, slides and flips for elements arriving on the page.

Browse Entrance Animations

Animated gradient borders, marching-ant dashes, corner brackets and expanding focus outlines.

Browse Borders & Outlines

Determinate and indeterminate bars, conic progress rings, segmented meters and usage gauges.

Browse Progress & Meters

Avatar rings, initials tiles, stacked groups, image zooms and grayscale-to-color reveals.

Browse Avatars & Images

Dialogs, bottom sheets, blurred backdrops and product-tour spotlights, styled in pure CSS.

Browse Modals & Overlays

Inline alerts, gradient toasts, countdown notifications and live status pills.

Browse Alerts & Toasts

Tab rows with sliding indicators plus JavaScript-free accordions built on the <details> element.

Browse Accordions & Tabs

Tilt cards, flip panels, extruded push buttons and rotating cubes using real CSS 3D transforms.

Browse 3D & Perspective

Neon tube text, glowing borders, breathing orbs and flickering signs for dark interfaces.

Browse Glow & Neon

Dot grids, diagonal stripes, checkerboards, graph paper and contour maps — gradients only, no image files.

Browse Patterns & Textures

Clip-path reveals, hexagon tiles, morphing blobs and edge-fade masks.

Browse Masks & Clip Paths

Bar charts, conic donuts, sparklines, KPI tiles and heat grids drawn entirely in CSS.

Browse Charts & Data

Clocks, month grids, date fields, countdowns and agenda rails — anything whose subject is a date or a time.

Browse Dates & Time

Vertical activity timelines, checkout steppers and pipeline progress rails.

Browse Timelines & Steps

Data tables with zebra rows, sticky headers, hover highlights, sortable carets and status cells.

Browse Tables & Data Grids

Checkboxes, radios, selects, file drop zones, OTP fields and inline error / success states.

Browse Forms & Validation

Custom scrollbars, scroll-snap rails, reading-progress bars, sticky headers and reveal-on-scroll.

Browse Scroll & Sticky

Range inputs, before/after comparison handles, snap carousels and infinite logo marquees.

Browse Sliders & Carousels

Pure-CSS arrows, chevrons, hamburger-to-X toggles, play/pause glyphs, ribbons and speech bubbles.

Browse Icons & Shapes

Ripples, heart bursts, drawn checkmarks, copy-confirm swaps and shake-on-error feedback.

Browse Micro-interactions

Duotone treatments, grayscale-to-color reveals, glitch splits and mix-blend-mode type over imagery.

Browse Filters & Blend Modes