Skip to content

The Animated Web

  • Posts
  • Resources
  • Collections

Collections

  • 3D
    • Gergely Gizella
    • Blobmixer
    • Fold
    • Rotating Shapes
    • Fractured Orb
    • How to Talk to White Kids about Racism
    • + 82
  • 404 pages
    • Caveman Mode
  • Abstract
    • Blobmixer
    • 21
    • Schemas of Uncertainty
    • Fractured Orb
    • Courtship & Mating Behavior
    • Stage waves
    • + 41
  • Agency
    • Sweet Punk
    • Dunderville
    • Pixelismo
    • 2019 Wishes
    • Fully Studios
    • Legwork is dead
    • + 14
  • Augmented Reality
    • AR-Fake Sneakers
  • Audio
    • The Fabric of America
    • Voice of Racism
    • A Shuffle Story
    • Chiara Luzzana – Sound Designer
    • Sine Deformer
    • Oscilloscope
  • Buttons
    • Coin Flip Donate Button
    • Don't let the door hit you on the way out
    • Confetti Button
    • Smash that
    • Interactive Hippo Button
    • Click the Button!
    • + 1
  • Canvas
    • Text Warping
    • Gucci LadyBug
    • Schemas of Uncertainty
    • Courtship & Mating Behavior
    • Philippe Neveu
    • Smash them walls!
    • + 37
  • Carousel
    • Kode Sports Club
    • Diagonal Tumbnails Slideshow
    • Parallax swipe (React)
    • Particle UI
    • Robin Mastromarino
  • Characters
    • Delivering Happiness
    • Pure CSS Monument Valley II
    • CHOCAPIC Nutri-Game
    • Kode Sports Club
    • Sennep
    • The Caretaker - A pure CSS Horror / Puzzle game
    • + 38
  • CodePen
    • Text Warping
    • Selected Demos
    • Fold
    • Delivering Happiness
    • 21
    • Pure CSS Monument Valley II
    • + 125
  • Code Sandbox
    • react-three-fiber: hud, water, fxaa
  • Cursor
    • Dodecahedrons
    • Squadeasy
    • Mark Appleby - Creative Developer
    • Peter Kuhn
    • WebGL Fluid Simulation
    • Chill the Lion
    • + 3
  • Data Visualizations
    • Yesterday, Today, Tomorrow
    • VC Swipe
    • Stripe
    • Data Gif Maker
    • Your Plan, Your Planet
  • Forms
    • Delivering Happiness
    • Coin Flip Donate Button
    • Smash that
    • Light/Dark Mode Toggle With Curtain Effect
    • Subscribercoaster
    • Airplane Mode Toggle Switch
    • + 5
  • Games
    • USAF E.C.H.O
    • Gucci LadyBug
    • 2020 Game
    • CHOCAPIC Nutri-Game
    • The Caretaker - A pure CSS Horror / Puzzle game
    • Crumbskees
    • + 17
  • GreenSock Animation Platform (GSAP)
    • Gergely Gizella
    • Gabriel Norman
    • Selected Demos
    • Delivering Happiness
    • Aurélia Durand Portfolio
    • Goo Toggle
    • + 104
  • Hand Drawn
    • Subscribercoaster
    • Peter Kuhn
    • Alex the CSS Husky
    • Igor Mahr
    • Legwork is dead
    • Save the Fiancé
    • + 7
  • Text Inputs
    • Delivering Happiness
    • Subscribercoaster
    • Pure CSS Range Rover Truck
    • Rainbow and shark teeth inputs
    • Droppy Woppy Input
  • Interactive
    • USAF E.C.H.O
    • 2020 Game
    • Kode Sports Club
    • with Code
    • Sweet Punk
    • Chill the Lion
  • Logos
    • Kuma + CNCF Animation
    • Kuma Logo Animation
  • Loop
    • Fold
    • Rotating Shapes
    • Fractured Orb
    • Dona Loader
    • #nodivember: cherries
    • CSSometric
    • + 6
  • Lottie
    • Kayma Stories
    • Aurélia Durand Portfolio
    • Philippe Neveu
    • Sennep
    • Smashing Toggle
    • A Shuffle Story
    • + 3
  • Masks
    • Star Wars The Rise of Skywalker
    • Play with Header on Page Transitions
    • The Shift
  • Menus
    • The Fabric of America
    • Simon Daufresne
    • Chiara Luzzana – Sound Designer
    • A Very Jason Lengstorf Website
    • Alan Menken
    • Touch device jelly menu concept
    • + 2
  • Noise
    • Schemas of Uncertainty
    • Digital Stream
    • phantom.land
    • æther
  • Open Processing
    • Courtship & Mating Behavior
    • Lines
  • p5.js
    • Lines
  • Parallax
    • Gabriel Norman
    • Selected Demos
    • Glenn Catteeuw - Visual Designer
    • ITI
    • Airplanes
    • Parallax swipe (React)
    • + 2
  • Particles
    • USAF E.C.H.O
    • Le Voyage Azarien
    • Yesterday, Today, Tomorrow
    • Chartogne-Taillet
    • Dodecahedrons
    • The Fabric of America
    • + 22
  • Personal Sites
    • Gergely Gizella
    • Gabriel Norman
    • Aurélia Durand Portfolio
    • Philippe Neveu
    • Minh Pham
    • Glenn Catteeuw - Visual Designer
    • + 15
  • Phaser
    • 2020 Game
    • Peter Oravec Portfolic
  • Physics
    • with Code
    • Smashing Toggle
    • A Very Jason Lengstorf Website
    • Rouser
    • Pull Me Around
    • Touch device jelly menu concept
    • + 9
  • Pixel Art
    • 2020 Game
    • CHOCAPIC Nutri-Game
    • The Caretaker - A pure CSS Horror / Puzzle game
    • Peter Oravec Portfolic
    • Planet Alert
    • Twist: The Game
    • + 1
  • PixiJS
    • Gucci LadyBug
    • Goodboy Island
    • Crumbskees
    • Jonquil
    • Leon Sans
    • Fiery Hot Flames of Fiery Flaming Fire
    • + 6
  • Portfolios
    • Gergely Gizella
    • Gabriel Norman
    • Selected Demos
    • Aurélia Durand Portfolio
    • Philippe Neveu
    • Glenn Catteeuw - Visual Designer
    • + 16
  • Pre-rendered
    • VC Swipe
    • Dunderville
    • Pitch
    • The View from Above
  • Procedural
    • Gergely Gizella
    • Extruded Truchet Pattern
    • Courtship & Mating Behavior
    • Arrow Truchet
    • Circuit
    • Canyonlands
    • + 3
  • Products
    • Nova
    • Stripe
    • Superfluid
    • Smartrap
    • Zenly
    • Pitch
    • + 7
  • Pure CSS
    • Fold
    • Pure CSS Monument Valley II
    • #nodivember: cherries
    • The Caretaker - A pure CSS Horror / Puzzle game
    • Single div CSS train
    • CSSometric
    • + 19
  • React
    • cut-paper-0.0.1
    • Impossible Checkbox v2
    • Parallax swipe (React)
    • Click the Button!
    • react-three-fiber: hud, water, fxaa
  • Scroll
    • Gergely Gizella
    • Gabriel Norman
    • Selected Demos
    • Kayma Stories
    • Aurélia Durand Portfolio
    • Medal of Honor: Above and Beyond
    • + 31
  • Shaders
    • Extruded Truchet Pattern
    • Gabriel Norman
    • Blobmixer
    • USAF E.C.H.O
    • 21
    • Rotating Shapes
    • + 14
  • Shadertoy
    • Extruded Truchet Pattern
    • Fractured Orb
    • CineShader
    • Abstract Terrain Objects
    • Happy Jumping
  • Single Div
    • #nodivember: cherries
    • Single div CSS train
    • Single div CSS book search
  • Spinners & Loaders
    • Dona Loader
    • CSSometric
    • Spinning Hello World
    • Circle of Lights
    • hamster-spin🐹
    • Twist Away
    • + 12
  • Splitting
    • Selected Demos
    • Kuma + CNCF Animation
    • Subscribercoaster
    • Typo-coaster
    • Splitting: Laser Write
    • Animated Verbs
    • + 2
  • SVG
    • Delivering Happiness
    • Goo Toggle
    • Sennep
    • SVG
    • Smashing Toggle
    • Don't let the door hit you on the way out
    • + 49
  • Three.js
    • Gergely Gizella
    • Blobmixer
    • USAF E.C.H.O
    • 21
    • Rotating Shapes
    • Le Voyage Azarien
    • + 65
  • Toggles
    • Goo Toggle
    • Smashing Toggle
    • On / Off Switch
    • Impossible Checkbox v2
    • Light/Dark Mode Toggle With Curtain Effect
    • Night & Day
    • + 1
  • Transitions
    • Mitsubishi Chemical Recruitment
    • Selected Demos
    • Kode Sports Club
    • Chartogne-Taillet
    • Glenn Catteeuw - Visual Designer
    • Diagonal Tumbnails Slideshow
    • + 15
  • Typography
    • Gabriel Norman
    • Text Warping
    • Blobmixer
    • Selected Demos
    • USAF E.C.H.O
    • Kayma Stories
    • + 26
  • User Experience
    • Medal of Honor: Above and Beyond
    • Chartogne-Taillet
    • Glenn Catteeuw - Visual Designer
    • The Fabric of America
    • Simon Daufresne
    • VC Swipe
    • + 24
  • Vortex
    • Polygon Vortex #4
    • Celtic spiral
    • Better Basics of Angular Cellular Repetition.
    • Floating Heart
    • Codepen Challenge: 408 error
  • Virtual Reality
    • The Story of the White Tower
  • Vue
    • Delivering Happiness
    • Million Devs
  • Walking or Running
    • 2020 Game
    • CHOCAPIC Nutri-Game
    • The Caretaker - A pure CSS Horror / Puzzle game
    • A Hoppy Ending
    • hamster-spin🐹
    • Clip Clop Clippity Clop
    • + 6
  • WebGL
    • Gergely Gizella
    • Extruded Truchet Pattern
    • Blobmixer
    • Mitsubishi Chemical Recruitment
    • Rotating Shapes
    • Le Voyage Azarien
    • + 68
  • Wireframe
    • Glenn Catteeuw - Visual Designer
    • Voice of Racism
    • Airplanes
    • The Virtual Economy
    • Smartrap
    • Autoneum Acoustic Garage
    • + 1
  • Zdog
    • Zdog
    • Zdog Windmill
    • Zdog Space Scene

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