The five best design links, every weekday

Category: Animation

All Categories


Sometime a simple state change on mouse-enter doesn't quite work. Instead, what if the icons only popped over to their hover state for a brief moment?

UI Interactions & Animations Roundup #12

Some fresh UI interaction and animation concepts for your inspiration.

Additive Animations in CSS

What happens when you have two simultaneous animations in CSS that modify the same property?

Layout projection: A method for animating browser layouts at 60fps

Browser layouts are difficult to animate. Layout projection provides a method of animating layouts at 60fps with no visual distortion.

How to Create a Realistic Motion Blur with CSS Transitions

Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is.

With Code

Learning basic movements for interactions with visual examples.

Buttons that Spark Joy

What if we could make certain actions not just successful, but celebrations?


Easy to implement, 3D typography for any website and every font.

Lessons Learned from Sixty Days of Re-Animating Zombies with Hand-Coded CSS

Caution: Terrible sense of humor ahead. We’ll talk about practical stuff, but the examples pretty much all involve zombies and silly jokes.

How to Get Handwriting Animation With Irregular SVG Strokes

I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen.

Ground Rules for Web Animations

Animations can make a site stand out. Or, they can just as easily kill the experience.

Awesome Demos Roundup #17

A fresh roundup of the most interesting and creative web experiments from the last couple of weeks.

Thumbnail to Full Width Image Animation

An experimental animation where an image goes from thumbnail to full width, allowing for a classy entry to an article view.

The Animated Web

Amazing animation resources and inspiration from around the web.

Enhancing User Experience With CSS Animations

How to build CSS animations and transitions in your interfaces that are inclusive, accesible and will enhance your users’ experience.

UI Interactions & Animations Roundup #9

A fresh set of inspirational UI interactions and animations from the past couple of weeks.

Exploring Animations for Menu Hover Effects

A couple of ideas for creative menu hover animations with images.

Bringing the Spotify Heart to Life

Discover how we designed and implemented a new micro-interaction for our heart icon.

Create mockups and animations onlineSponsored

Drag and drop from ever growing library of mockup items and create your design or animation in minutes

UI Interactions & Animations Roundup #7

A couple of weeks have passed and a fresh collection of inspirational UI shots is waiting for you!