Skip to content

The Animated Web

  • Posts
  • Resources
  • Collections

Inspiration

The latest inspirational animation from around the web.
preview
Gergely Gizella
Gergely Gizella
preview
Extruded Truchet Pattern
Extruded Truchet Pattern
preview
Gabriel Norman
Gabriel Norman
Text Warping
Text Warping
Blobmixer
Blobmixer
Mitsubishi Chemical Recruitment
Mitsubishi Chemical Recruitment
Selected Demos
Selected Demos
Fold
Fold
Delivering Happiness
Delivering Happiness
USAF E.C.H.O
USAF E.C.H.O
21
21
Kayma Stories
Kayma Stories
Rotating Shapes
Rotating Shapes
Le Voyage Azarien
Le Voyage Azarien
Gucci LadyBug
Gucci LadyBug
Aurélia Durand Portfolio
Aurélia Durand Portfolio
Schemas of Uncertainty
Schemas of Uncertainty
Fractured Orb
Fractured Orb
2020 Game
2020 Game
How to Talk to White Kids about Racism
How to Talk to White Kids about Racism
Pure CSS Monument Valley II
Pure CSS Monument Valley II
Yesterday, Today, Tomorrow
Yesterday, Today, Tomorrow
Courtship & Mating Behavior
Courtship & Mating Behavior
Philippe Neveu
Philippe Neveu
Goo Toggle
Goo Toggle
Dona Loader
Dona Loader
Smash them walls!
Smash them walls!
CHOCAPIC Nutri-Game
CHOCAPIC Nutri-Game
Kode Sports Club
Kode Sports Club
Stage waves
Stage waves
#nodivember: cherries
#nodivember: cherries
Medal of Honor: Above and Beyond
Medal of Honor: Above and Beyond
Chartogne-Taillet
Chartogne-Taillet
Sennep
Sennep
Minh Pham
Minh Pham
Dodecahedrons
Dodecahedrons
Coin Flip Donate Button
Coin Flip Donate Button
Glenn Catteeuw - Visual Designer
Glenn Catteeuw - Visual Designer
The Caretaker - A pure CSS Horror / Puzzle game
The Caretaker - A pure CSS Horror / Puzzle game
Goodboy Island
Goodboy Island
Squadeasy
Squadeasy
MONOSPACE
MONOSPACE
Single div CSS train
Single div CSS train
CSSometric
CSSometric
Lines
Lines
Only CSS Loader - Wizard
Only CSS Loader - Wizard
Arrow Truchet
Arrow Truchet
The Fabric of America
The Fabric of America
SVG
SVG
Rainbow Hypercube
Rainbow Hypercube
with Code
with Code
cut-paper-0.0.1
cut-paper-0.0.1
Simon Daufresne
Simon Daufresne
Smashing Toggle
Smashing Toggle
Don't let the door hit you on the way out
Don't let the door hit you on the way out
A Hoppy Ending
A Hoppy Ending
Nova
Nova
Big Sur Voice Memos
Big Sur Voice Memos
VC Swipe
VC Swipe
Orion's Galaxy
Orion's Galaxy
Digital Stream
Digital Stream
On / Off Switch
On / Off Switch
ITI
ITI
Sweet Punk
Sweet Punk
Diagonal Tumbnails Slideshow
Diagonal Tumbnails Slideshow
Crumbskees
Crumbskees
Confetti Button
Confetti Button
Turning pages with CSS
Turning pages with CSS
Mark Appleby - Creative Developer
Mark Appleby - Creative Developer
Spinning Hello World
Spinning Hello World
Making Maisel Marvelous
Making Maisel Marvelous
Voice of Racism
Voice of Racism
Only CSS: Summer Dream
Only CSS: Summer Dream
A Shuffle Story
A Shuffle Story
Lisi Linhart
Lisi Linhart
Impossible Checkbox v2
Impossible Checkbox v2
Circle of Lights
Circle of Lights
SVG Image Sequence Masks
SVG Image Sequence Masks
GOOD MOOD
GOOD MOOD
Million Devs
Million Devs
Spiral
Spiral
hoang.moe
hoang.moe
Circuit
Circuit
Chiara Luzzana – Sound Designer
Chiara Luzzana – Sound Designer
Adventure Time: Distant Lands
Adventure Time: Distant Lands
Reconstructing Journalistic Scenes in 3D
Reconstructing Journalistic Scenes in 3D
Stripe
Stripe
A Very Jason Lengstorf Website
A Very Jason Lengstorf Website
Dunderville
Dunderville
Cassie Evans's Blog
Cassie Evans's Blog
Superfluid
Superfluid
Kuma + CNCF Animation
Kuma + CNCF Animation
Polygon Vortex #4
Polygon Vortex #4
hamster-spin🐹
hamster-spin🐹
Autumn Leaves
Autumn Leaves
Airplanes
Airplanes
Pixelismo
Pixelismo
Little book of GSAP
Little book of GSAP
Animals sequence
Animals sequence
The Virtual Economy
The Virtual Economy
Parallax swipe (React)
Parallax swipe (React)
Kinetic Typography with Three.js
Kinetic Typography with Three.js
Clip Clop Clippity Clop
Clip Clop Clippity Clop
swirl
swirl
Canyonlands
Canyonlands
AR-Fake Sneakers
AR-Fake Sneakers
Smash that
Smash that "Like" button!
Minecraft world animated in pure CSS
Minecraft world animated in pure CSS
Light/Dark Mode Toggle With Curtain Effect
Light/Dark Mode Toggle With Curtain Effect
Lemonheads - Swissted
Lemonheads - Swissted
This is Spotify - Metallica Enter Sandman
This is Spotify - Metallica Enter Sandman
Star Wars The Rise of Skywalker
Star Wars The Rise of Skywalker
Smartrap
Smartrap
Celtic spiral
Celtic spiral
Alan Menken
Alan Menken
Zenly
Zenly
Rouser
Rouser
Phone Reflection
Phone Reflection
Subscribercoaster
Subscribercoaster
Play with Header on Page Transitions
Play with Header on Page Transitions
Alessandra Zanghi
Alessandra Zanghi
2019 Wishes
2019 Wishes
Vampire Bat
Vampire Bat
Running Pumpkin
Running Pumpkin
Night & Day
Night & Day
Monsieur Noss
Monsieur Noss
CineShader
CineShader
Airplane Mode Toggle Switch
Airplane Mode Toggle Switch
Typo-coaster
Typo-coaster
Pull Me Around
Pull Me Around
Apple Fifth Avenue Cube
Apple Fifth Avenue Cube
Twist Away
Twist Away
Peter Kuhn
Peter Kuhn
Pure CSS
Pure CSS "Moustached Nanny"
Touch device jelly menu concept
Touch device jelly menu concept
WebGL Fluid Simulation
WebGL Fluid Simulation
Alex the CSS Husky
Alex the CSS Husky
Chill the Lion
Chill the Lion
BB8 from Starwars
BB8 from Starwars
Fully Studios
Fully Studios
The Cool Club Deck
The Cool Club Deck
Abstract Terrain Objects
Abstract Terrain Objects
Santa Tracker
Santa Tracker
Interactive Hippo Button
Interactive Hippo Button
Back2School SVG Animation w/ anime.js
Back2School SVG Animation w/ anime.js
Stream
Stream
Squiggle text animation
Squiggle text animation
GSAP 3 Cube Walk
GSAP 3 Cube Walk
Sine Deformer
Sine Deformer
Pure CSS Range Rover Truck
Pure CSS Range Rover Truck
Oscilloscope
Oscilloscope
Single div CSS book search
Single div CSS book search
Bruno Simon
Bruno Simon
Bringing text to life v4
Bringing text to life v4
The Story of the White Tower
The Story of the White Tower
Pitch
Pitch
Jonquil
Jonquil
Weird attractor-ish torus made of ink lines
Weird attractor-ish torus made of ink lines
Click the Button!
Click the Button!
Chocolate Chomp
Chocolate Chomp
wAve
wAve
Paper Pirouette
Paper Pirouette
Kuma Logo Animation
Kuma Logo Animation
Entdecke die Würze Frankreichs
Entdecke die Würze Frankreichs
Energy
Energy
Splitting: Laser Write
Splitting: Laser Write
Leon Sans
Leon Sans
Autoneum Acoustic Garage
Autoneum Acoustic Garage
Animated Verbs
Animated Verbs
Animated Portrait
Animated Portrait
Peter Oravec Portfolic
Peter Oravec Portfolic
Igor Mahr
Igor Mahr
Aristide Benoist
Aristide Benoist
MA
MA
Happy Jumping
Happy Jumping
Drink Cann
Drink Cann
Fiery Hot Flames of Fiery Flaming Fire
Fiery Hot Flames of Fiery Flaming Fire
Unshift
Unshift
The Frontier Within
The Frontier Within
Tarot-o-bot
Tarot-o-bot
Prior Holdings - Experience
Prior Holdings - Experience
∞ Loader animation
∞ Loader animation
The 2019 Lemonade Giveback
The 2019 Lemonade Giveback
Particle UI
Particle UI
Hard Work
Hard Work
Legwork is dead
Legwork is dead
3D Drag out menu with guitar
3D Drag out menu with guitar
Rice Ball Dessert
Rice Ball Dessert
Coulee Creative
Coulee Creative
36 Days of Type
36 Days of Type
Pure CSS Bug ECommerce Interactions
Pure CSS Bug ECommerce Interactions
Hi Fly
Hi Fly
Rappi Pay
Rappi Pay
Procedural Low Poly Planet
Procedural Low Poly Planet
Menja
Menja
Zdog
Zdog
Zdog Windmill
Zdog Windmill
Zdog Space Scene
Zdog Space Scene
Save the Fiancé
Save the Fiancé
Optimized Line Mess!
Optimized Line Mess!
Futuristic Worms
Futuristic Worms
Colour Diver
Colour Diver
Better Basics of Angular Cellular Repetition.
Better Basics of Angular Cellular Repetition.
react-three-fiber: hud, water, fxaa
react-three-fiber: hud, water, fxaa
Lusion
Lusion
Low
Low
Heart is Home
Heart is Home
Finding ctrl: Visions for the future internet
Finding ctrl: Visions for the future internet
Useless Machine
Useless Machine
Underwater Navigation
Underwater Navigation
The View from Above
The View from Above
Only CSS: 3D Scan
Only CSS: 3D Scan
Solar CSSystem
Solar CSSystem
Floating Heart
Floating Heart
Play For Good
Play For Good
Planet Alert
Planet Alert
Mogney
Mogney
Kombu
Kombu
@Keyframers 2.0.0 Intro Animation
@Keyframers 2.0.0 Intro Animation
Dogstudio
Dogstudio
Web design & art history
Web design & art history
Maslo
Maslo
Lumina
Lumina
NxGn 2019
NxGn 2019
My Van
My Van
Flip Flap
Flip Flap
ultranoir
ultranoir
The Boat
The Boat
Data Gif Maker
Data Gif Maker
Sterling
Sterling
Jellyfish
Jellyfish
CurveBall
CurveBall
Superrb
Superrb
Pendulum
Pendulum
Garden Eight
Garden Eight
The Shift
The Shift
SUPERBIEN
SUPERBIEN
Hinderer & Wolff
Hinderer & Wolff
Twist: The Game
Twist: The Game
SVG Filters are 💕
SVG Filters are 💕
Love Box
Love Box
Primary Colors Waves
Primary Colors Waves
Only CSS: Bicycle
Only CSS: Bicycle
Nomadic Tribe
Nomadic Tribe
Stay True
Stay True
Pure CSS △ grid pop
Pure CSS △ grid pop
Infinite SVG Triangle Fusion
Infinite SVG Triangle Fusion
Rainbow and shark teeth inputs
Rainbow and shark teeth inputs
Can neither be created nor destroyed
Can neither be created nor destroyed
Game of the Year
Game of the Year
By the Numbers
By the Numbers
Pure CSS
Pure CSS "Birthday Pen"
Liquified Image
Liquified Image
Color Wave
Color Wave
Animated Mesh Lines
Animated Mesh Lines
Crossy Road
Crossy Road
Coding is Fun!
Coding is Fun!
Basic Wind Strip
Basic Wind Strip
Until Dawn
Until Dawn
Sneaky Santa
Sneaky Santa
Bandito
Bandito
Top 10 Albums 2018
Top 10 Albums 2018
phantom.land
phantom.land
Happy Shopper
Happy Shopper
Plume and the forgotten letter
Plume and the forgotten letter
Escalade Loader
Escalade Loader
Caveman Mode
Caveman Mode
Droppy Woppy Input
Droppy Woppy Input
Ester Digital
Ester Digital
CSS-Only Walking Dog
CSS-Only Walking Dog
Big Lavender Game
Big Lavender Game
Innovation is Part of Our DNA
Innovation is Part of Our DNA
æther
æther
The Role of Design in Silicon Valley
The Role of Design in Silicon Valley
Panda
Panda
Les aventures potables d'une goutte d'eau
Les aventures potables d'une goutte d'eau
No Ghost
No Ghost
11/3
11/3
The Mine: No JS, CSS only adventure game
The Mine: No JS, CSS only adventure game
Google Cloud Infrastructure
Google Cloud Infrastructure
If This Then Domino's
If This Then Domino's
paradoxes-conseil.fr
paradoxes-conseil.fr
loveiko.com
loveiko.com
Polo Mints
Polo Mints
MOXY
MOXY
Codepen Challenge: 408 error
Codepen Challenge: 408 error
Your Plan, Your Planet
Your Plan, Your Planet
Snake Wave
Snake Wave
Shaderdough Fairy
Shaderdough Fairy
Jonny
Jonny
Fishfinger
Fishfinger
Yeti Hand Pagination
Yeti Hand Pagination
Transform Tumbler
Transform Tumbler
Card Explode
Card Explode
Robin Mastromarino
Robin Mastromarino
Mask Animation
Mask Animation

This site is created and maintained by Steve Gardner. It's built with Eleventy and hosted on Netlify

  • Posts
  • Resources
  • Collections
  • Inspiration
  • The Tiny Web Animation Newsletter
  • Get in touch