Skip to content

The Animated Web

  • Posts
  • Resources
  • Collections

Inspiration - February 2021

...

Text Warping

by Lokesh Dhakar

In Lokesh's own words: "The Burger King rebrand / 60's psychedelic poster mash-up you didn't ask for"!

https://codepen.io/lokesh/pen/vYXvwGQ

  • CodePen
  • Typography
  • Canvas

Blobmixer

by 14islands

Create your own 3D blob or simpily browse the library of other bloby spheres!

https://blobmixer.14islands.com/

  • Typography
  • WebGL
  • Three.js
  • Shaders
  • Abstract
  • 3D

Mitsubishi Chemical Recruitment

by Studio Details

Fly through different content with this exciting transition between pages

https://www.m-chemical.co.jp/saiyo/

  • Transitions
  • WebGL

Selected Demos

by Adam Kuhn

A mini portfolio style CodePen featuring cursor, transition, text and scroll animations.

https://codepen.io/cobra_winfrey/full/OJRjBoj

  • Scroll
  • Transitions
  • Typography
  • CodePen
  • GSAP
  • Parallax
  • Portfolios
  • Splitting

Fold

by Amit Sheen

A satisfyingly squishy 3D folding book style animation, made entirely in CSS.

https://codepen.io/amit_sheen/pen/WNojvpQ

  • 3D
  • CodePen
  • Pure CSS
  • Loop

Delivering Happiness

by Tiffany Choong

Watch Kirby eat your email with this delightful input form.

https://codepen.io/tiffachoo/pen/BaQpVeR

  • Forms
  • Characters
  • CodePen
  • Vue
  • GSAP
  • Text Inputs
  • SVG

USAF E.C.H.O

by Active Theory

Test your cognitive skills with a set of immersive games

https://airforceecho.com/

  • Games
  • Particles
  • Typography
  • Three.js
  • Shaders
  • Interactive

21

by ycw

A weird effect using three.js and shaders.

https://codepen.io/ycw/pen/jOMepLX

  • Three.js
  • Shaders
  • CodePen
  • Abstract

Kayma Stories

by Streetlight

A great use of scroll triggered Lottie animations to tell stories.

https://stories.kayma.com/

  • Lottie
  • Scroll
  • Typography

Rotating Shapes

by Yuri Artiukh

A nice little effect were you stagger the rotation of a 3D object at it's vertices.

https://tympanus.net/Development/RotatingShapes/

  • Three.js
  • Loop
  • 3D
  • WebGL
  • Shaders

Le Voyage Azarien

by Joseph Azar

An impressively smooth experience with many thousands of particles morphing between 3D scans of scenes.

https://le-voyage-azarien.art/

  • Particles
  • Three.js
  • WebGL

Gucci LadyBug

by Gucci and Adoratorio

A charming remake of Flappy Bird made with PIXI.js

https://gucciladybug.gucci.com/

  • Games
  • PixiJS
  • 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