4 collections

CSS Animations & Motion Effects — Free Code Collections

Motion makes interfaces feel alive. This collection covers the full range of CSS animations and motion effects — from subtle hover transitions to full scroll-triggered sequences, built with pure CSS wherever possible.

20 CSS Link Hover Effect Designs

Featured 20

20 free CSS link hover effects — animated underlines, glitches, neon flickers, marker highlights, 3D flips and more, with copy-paste code.

css link hover link effects underline animation Responsive

21 CSS Button Hover Effects

Featured 21

21 original CSS button hover effects — liquid fill, glitch, neon pulse, 3D flip, particle burst and more. Pure CSS with 3 vanilla JS enhancements. Copy-paste ready.

buttons hover animation Responsive

27 CSS Card Hover Effects

Featured 27

27 original CSS card hover effects — elastic lift, 3D tilt, holographic shimmer, spotlight, aurora and more. Pure CSS with 4 vanilla JS enhancements. Copy-paste ready.

cards hover animation Responsive

15 Pure CSS Loading Animations

Featured 15

15 hand-coded CSS loading animations — DNA helix, liquid blob, orbit system, signal bars, clock sweep, bouncing chain, neon ring draw, pixel dissolve, hourglass flip, heartbeat line, House Unlock, Listing Card Skeleton, semantic Progress Path, Heat-Map Compass and a Floor-by-Floor building loader. Pure CSS, accessible, drop-in ready.

loading spinner animation Responsive