Home / Free downloads

Free animation kits for your website

Small, dependency-free effects I wrote and use myself. Each one has a live demo, a download and a short guide. Free for personal and client projects.

A headline that types itself, deletes and types the next word, with a blinking cursor. One attribute.

A reading progress bar at the top of the page and a back-to-top button with a progress ring. One line to install.

A 3D can, bottle or box with your label that turns slowly and can be dragged around. Built on three.js.

Statistics that count up when the visitor scrolls to them. The script reads the format from your own text.

A before and after slider for two pictures. Drag, tap or use the keyboard. Works on touch screens.

A slowly flowing colour gradient for hero sections, drawn by the graphics card. Six presets, or mix your own.

Elements fade, slide, zoom or flip into view as the visitor scrolls. One attribute per element.

Cards lean toward the mouse in 3D, with floating layers and a moving light reflection.

A living background of connected dots that react to the mouse. The hero of this site uses it.

Headlines decode themselves letter by letter, or cycle through a list of words.

Buttons that pull toward the cursor and spring back, with a ripple on click and a light sweep.

Twelve loading spinners in one small CSS file. No images, no JavaScript. Click to copy.

I can fit any kit to your design, your theme and your content, usually within a day.