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.
Buttons
63Copy-paste CSS buttons — solid fills, gradients, outlines, glow and lift-on-hover states, in every size and color.
Browse ButtonsLoaders
42Pure-CSS spinners, dots, bars and pulse loaders that need no SVG, no images and no JavaScript.
Browse LoadersCards
39Card surfaces with hover lifts, gradient borders, glassmorphism and glow — ready to drop into any grid.
Browse CardsText
43Gradient text, typewriter reveals, shimmer headings and outline type — all with plain CSS.
Browse TextAnimated gradients, mesh blurs, auroras and moving washes for full-page or hero backgrounds.
Browse BackgroundsForm fields and hover interactions — floating labels, focus glows, underline reveals and fill transitions.
Browse Inputs & HoverNav bars, link underlines, dropdown reveals and menu indicators built from CSS alone.
Browse Navigation & MenusSection breaks with gradients, animated rules, dotted runs and decorative ornaments.
Browse Dividers & SeparatorsStatus pills, count badges and label chips — solid, outlined, glowing and animated.
Browse Badges & TagsCheckbox-driven switches, segmented toggles and day/night flips that work without any JavaScript.
Browse Toggles & SwitchesHover tooltips and small popovers positioned with pseudo-elements — no positioning library required.
Browse Tooltips & PopoversLoading placeholders with sweeping shimmer gradients for text lines, avatars and cards.
Browse Skeletons & ShimmersFade-ups, scale-ins, slides and flips for elements arriving on the page.
Browse Entrance AnimationsAnimated gradient borders, marching-ant dashes, corner brackets and expanding focus outlines.
Browse Borders & OutlinesDeterminate and indeterminate bars, conic progress rings, segmented meters and usage gauges.
Browse Progress & MetersAvatar rings, initials tiles, stacked groups, image zooms and grayscale-to-color reveals.
Browse Avatars & ImagesDialogs, bottom sheets, blurred backdrops and product-tour spotlights, styled in pure CSS.
Browse Modals & OverlaysInline alerts, gradient toasts, countdown notifications and live status pills.
Browse Alerts & ToastsTab rows with sliding indicators plus JavaScript-free accordions built on the <details> element.
Browse Accordions & TabsTilt cards, flip panels, extruded push buttons and rotating cubes using real CSS 3D transforms.
Browse 3D & PerspectiveNeon tube text, glowing borders, breathing orbs and flickering signs for dark interfaces.
Browse Glow & NeonDot grids, diagonal stripes, checkerboards, graph paper and contour maps — gradients only, no image files.
Browse Patterns & TexturesClip-path reveals, hexagon tiles, morphing blobs and edge-fade masks.
Browse Masks & Clip PathsBar charts, conic donuts, sparklines, KPI tiles and heat grids drawn entirely in CSS.
Browse Charts & DataClocks, month grids, date fields, countdowns and agenda rails — anything whose subject is a date or a time.
Browse Dates & TimeVertical activity timelines, checkout steppers and pipeline progress rails.
Browse Timelines & StepsData tables with zebra rows, sticky headers, hover highlights, sortable carets and status cells.
Browse Tables & Data GridsCheckboxes, radios, selects, file drop zones, OTP fields and inline error / success states.
Browse Forms & ValidationCustom scrollbars, scroll-snap rails, reading-progress bars, sticky headers and reveal-on-scroll.
Browse Scroll & StickyRange inputs, before/after comparison handles, snap carousels and infinite logo marquees.
Browse Sliders & CarouselsPure-CSS arrows, chevrons, hamburger-to-X toggles, play/pause glyphs, ribbons and speech bubbles.
Browse Icons & ShapesRipples, heart bursts, drawn checkmarks, copy-confirm swaps and shake-on-error feedback.
Browse Micro-interactionsDuotone treatments, grayscale-to-color reveals, glitch splits and mix-blend-mode type over imagery.
Browse Filters & Blend Modes