Skip to content

The Animated Web

  • Posts
  • Resources
  • Collections

Inspiration - November 2020

Some very nice 3D experiences landed in November, and some very playful sites...

Philippe Neveu

by Philippe Neveu and Raphaël Améaume

A delightfully playful personal site that you can even draw on!

https://philippeneveu.com/

  • Personal Sites
  • Portfolios
  • Lottie
  • Canvas

Goo Toggle

by Chris Gannon

A very gooey switch.

https://codepen.io/chrisgannon/pen/ExPmdgz

  • CodePen
  • Toggles
  • GSAP
  • SVG

Dona Loader

by Aaron Iker

A satisfyingly bendy spinner

https://codepen.io/aaroniker/pen/RwRmKrV

  • Loop
  • CodePen
  • WebGL
  • Spinners & Loaders

Smash them walls!

by Steffin

A fun transition, like smashing a colorful pain of glass, when you click.

https://codepen.io/steffin-codes/pen/vYKzLJd

  • Canvas
  • Three.js
  • WebGL
  • CodePen

CHOCAPIC Nutri-Game

by Merci-Michel

A polished and fun 8-bit style game with an appropriately retro soundtrack to go with it.

https://www.chocapic-nutri-game.fr/

  • Games
  • Pixel Art
  • GSAP
  • Characters
  • Walking or Running

Kode Sports Club

by Merci-Michel

A colorful 3D environment for you to walk around. Control your character by clicking around. Features many lovely transitions and interactions.

https://kodeclubs.com/

  • 3D
  • Carousel
  • Characters
  • Transitions
  • Three.js
  • WebGL
  • GSAP
  • Interactive

Stage waves

by Liam Egan

Another stunning shader animation by Liam. This one looking like waves cut out form paper.

https://codepen.io/shubniggurath/details/YzWJXob

  • Shaders
  • WebGL
  • Abstract

#nodivember: cherries

by Adam Kuhn

An impressive animation when you consider there are no div's involved, just the body tag and some clever CSS.

https://codepen.io/cobra_winfrey/pen/mdEQoRZ

  • Pure CSS
  • Single Div
  • CSS
  • Loop

Medal of Honor: Above and Beyond

by Adam Romano, Steven Mengin, Amélie, Mike Lamont and Jam3

A very impressive 3D experience where you scroll through a moment frozen in time. All with a hand-painted esthetic.

https://www.oculus.com/medal-of-honor/

  • 3D
  • Scroll
  • User Experience
  • Three.js
  • WebGL
  • GSAP

Chartogne-Taillet

by Bruno Simon and Immersive Garden

A wonderful site where you explore the vineyard plots of Chartonge Taillet in 3D. A pleasing mix of great sound design with a beautiful hand-drawn aesthetic.

https://chartogne-taillet.com/

  • 3D
  • Particles
  • GSAP
  • WebGL
  • User Experience
  • Transitions
  • Typography
  • Three.js

Sennep

by Sennep

https://www.sennep.com/

  • Characters
  • Scroll
  • Typography
  • GSAP
  • Lottie
  • SVG

Minh Pham

by dev.hontran

https://minhpham.hontran.dev/

  • Scroll
  • Three.js
  • WebGL
  • 3D
  • GSAP
  • Personal Sites

Dodecahedrons

by Kevin Levron

A colorful particle animation in Three.js with the help of a nice subsurface scattering shader.

https://codepen.io/soju22/pen/KKMWRwp

  • CodePen
  • Three.js
  • WebGL
  • Cursor
  • Particles

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