Animation Directories
2,635 copy-paste HTML + CSS snippets across 15 directories, plus a directory of AI motion design prompts. Every one previews live, recolors and resizes with two CSS variables, and respects reduced motion.
Loaders & Spinners382
Copy-paste CSS loading spinners and loaders: ring spinners, bouncing dots, skeleton screens, progress bars, button spinners, AI thinking indicators and more.
Hover Effects352
Copy-paste CSS hover effects: button fills and glows, card lifts, 3D tilts and flips, animated link underlines, image zooms. Pure CSS with Tailwind versions.
Text Animations401
Copy-paste CSS text animations: typewriter effect, glitch text, animated gradient text, neon flicker, letter-by-letter reveals, marquee, counting numbers. Pure CSS.
Buttons160
Copy-paste CSS buttons: 3D pushable, gradient, glowing border, ripple click, loading and success states. Pure HTML + CSS, no JavaScript, Tailwind included.
Toggle Switches128
Copy-paste CSS toggle switches: iOS, day/night, dark mode, neumorphic and ON/OFF text. Accessible, checkbox-based, no JavaScript. Click any one to try it.
Animated Backgrounds145
Copy-paste CSS animated backgrounds: moving gradients, aurora, mesh gradients, waves, stars, particles, bubbles and grids. Pure HTML + CSS, no JS or canvas.
Checkboxes120
Copy-paste custom CSS checkboxes: animated checkmarks, round, to-do strikethrough, card select, heart and star styles. Accessible pure CSS, no JavaScript.
Radio Buttons102
Copy-paste custom CSS radio buttons: animated dots, segmented controls, plan cards, star ratings and color swatches. Accessible, pure CSS, no JavaScript.
Border Animations117
Copy-paste CSS border animations: rotating gradient borders, glowing neon borders, border draw, marching ants, rainbow and snake borders. Pure CSS, no JS.
Keyframe Animations149
Copy-paste CSS @keyframes animations: fade in, slide in, zoom, bounce, shake, pulse, heartbeat and wobble. An animate.css-style library as plain CSS, no JS.
Glass Effects90
Copy-paste CSS glassmorphism and Apple-style liquid glass: frosted cards, glass buttons, navbars, login forms and refraction effects. Pure HTML + CSS, no JS.
Tooltips90
Copy-paste CSS tooltips: fade, scale and slide animations, arrows on every side, rich preview and icon tooltips. Show on hover and focus. Pure CSS, no JS.
AI Animations180
Copy-paste AI animations in CSS: thinking indicators, streaming text, tool call and agent status states, voice agent orbs and image generation progress. No JS.
Hairline Animations120
Copy-paste hairline animations: isometric line art in one constant stroke with a single accent, built from inline SVG and CSS. Devices, scenes, processes and loaders.
Shaders99
Copy-paste WebGL shaders in GLSL: AI thinking animations driven by tokens per second, with a standalone HTML runner and a Shadertoy version of each.
CSS Animations
Animations people generated with the AI animation maker, each with its prompt and CSS.
Tailwind Animations
The same AI-generated animations, written as Tailwind CSS config and classes.
Motion Prompts661
Prompts and skills for motion design with Claude: community picks credited to their creators, plus style prompts of ours with video previews.
Motion Design Inspiration430
Every video we made from our style prompts on one endless board you drag in any direction, with a page for each style: kinetic type, UI, 3D, logo animation and more.