Skip to content

The Animated Web

  • Posts
  • Resources
  • Collections

Inspiration - September 2020

September was alive with vibrant, humorous, and slick inspirational animation. Let's take a look at some of the best...

cut-paper-0.0.1

by not important

A lovely layered metaballs style pattern.

https://codepen.io/clindsey/details/oNxOOme

  • CodePen
  • Abstract
  • React
  • Three.js
  • Shaders
  • WebGL

Simon Daufresne

by Romain Avalle and Simon Daufresne

A nice portfolio site with a lot of fluid transitions and rollovers.

https://simondaufresne.com/

  • Portfolios
  • Personal Sites
  • Menus
  • User Experience
  • GSAP

Smashing Toggle

by Chris Gannon

A playful and unexpected toggle animation.

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

  • CodePen
  • Toggles
  • Lottie
  • SVG
  • Physics

Don't let the door hit you on the way out

by Cooper Goeke

An unexpected and humorous twist on the classic log out button.

https://codepen.io/coopergoeke/pen/KKzrgOQ

  • CodePen
  • Buttons
  • SVG
  • CSS

A Hoppy Ending

by motion@hook

https://codepen.io/hook-motion/pen/zPwaMV

  • CodePen
  • Characters
  • Walking or Running
  • GSAP
  • SVG

Nova

by Panic

https://nova.app/

  • WebGL
  • Three.js
  • Particles
  • Products

Big Sur Voice Memos

by Pete Barr

https://codepen.io/petebarr/pen/BaKmbvb

  • CodePen
  • GSAP

VC Swipe

by Lukas Kmoth, Jesper Landberg, Lionel Taurus and Marvin Schwaibold

https://www.vcswipe.com/

  • Pre-rendered
  • User Experience
  • Abstract
  • Data Visualizations
  • 3D

Orion's Galaxy

by Jhey

https://codepen.io/jh3y/pen/KKzReKw

  • Characters
  • GSAP
  • SVG
  • CodePen

Digital Stream

by Toshiya Marukubo

Use your cursor or scroll to play with this abstract flowing canvas animation.

https://codepen.io/toshiya-marukubo/pen/wvGpmmY

  • CodePen
  • Canvas
  • Particles
  • Abstract
  • Noise

On / Off Switch

by Visnu Ravichandran

https://codepen.io/visnuravichandran/pen/GRZQVdP

  • CodePen
  • Toggles
  • GSAP

ITI

by Locomotive

https://iti.ca/

  • Scroll
  • User Experience
  • Parallax

Sweet Punk

by Sweet Punk

https://www.sweetpunk.com/

  • Agency
  • Scroll
  • Interactive
  • GSAP
  • User Experience

Diagonal Tumbnails Slideshow

by Codrops

A collection of tilted slideshow transition effects.

Be sure to checkout the Codrops tutorial to learn more.

https://tympanus.net/Development/DiagonalThumbnails/

  • GSAP
  • User Experience
  • Carousel
  • Transitions

Crumbskees

by Upperquad

A fun vibrant game with amazing retro music.

https://crumbskees.com/

  • Games
  • PixiJS
  • WebGL
  • Characters
  • Canvas

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