181 animation UI Design Examples

AMP Stories 2020

Web Animation Design Inspiration

In this section, you will find a wide range of web animation snippets and css animation code samples. From pure CSS to animation using JavaScript libraries like GSAP, Anime.js, etc you will get them all in here.

Part of:	click, hover, drag …
What it does:	helps you anaimated content on your web pages

HTML, CSS Code Snippets for animation

String Curtains With Motion Animation on Hover

This is a very cool string curtain animation on hover that can be used to do a big reveal by hiding the content behind the curtain. This was made...

three.js animation canvas epic hidden content hover animation

Folding Login Form Animation

A very simple login form animation where the username field and password field are side by side and on login the username field folds over the password field like...

Cut Copy Paste Micro interaction Animation

A very fancy cut copy paste micro interaction you can use on your website especially if you offer editable text options on the page. When you select text on...

microinteractions animation epic modal window Splitting.js text animation

Loading Text Spinning around a Sphere

Here is a really cool loading text animation that keeps spinning around a sphere by Jon Kantner, it can work well for text-based loading screens.

loading animation animation pure css text animation

15 Amazing Free UI/UX Kits

The CodeMyUI team has put together a list of 15 Free UI/UX kits that we think will not only inspire you as you deliver world-class solutions for yourself and...

Pages: 12345678910111213141516171819202122232425262728293031323334353637Last Page

scroll to top