For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns.

Follow the journey one front-end developer took to narrow down which animation library to use on a project to create a Solitaire online game.

A fresh collection of the best and most creative animations from Dribbble from the past couple of weeks.

The physics behind spring animations.

A walkthrough of how (Not Boring) Software applies the art of 'game feel' to product design.

A short tutorial on how to animate SVG paths while smooth scrolling a web page using Lenis and GSAP’s ScrollTrigger plugin.

A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app.

A browser extension for inspecting and editing web animations.

Read about effective types of web animation and check plenty of motion design examples showing how motion supports web interactions and usability.

A JavaScript library for creating interactive procedural 2D and 3D shaders.

WebGPU is an upcoming Web API that gives you low-level, general-purpose access GPUs.

A complete guide to Framer Motion layout animations showcasing every concept.

See how Fabio Ottaviani cleverly uses SVG filters and other SVG tricks to animate this fun countdown!

How to learn shaders, why gradients are so important, and exploring the hidden gradients in all kind of effects.

See how Tom Miller made this beautiful painterly effect with SVG paths, an image mask, and GSAP!

A background color shift transition using CSS Blend Modes and a multi-layer animation.

See our process for optimizing 3D models for the web, and how we use scroll and camera paths to tell immersive stories.

Gallery of customizable plug & play animated backgrounds using three.js

Particles are the technique behind so many 3D effects flock of birds, snow, fire, sparks and so on. This article shows you how to build such systems.

A grid layout with columns that scroll in opposite directions and a content preview animation for the image.