Drag Image Slider with Water Distortion Effect using WebGL

A really cool image slider that turns greyscale and creates a stunning blur effect that mimics flowing water as you click and drag the image. This epic effect was...

Animated Image Collapsing Slideshow Transition using SVG

In this animated transition for image slider by the awesome folks at Codrops, we have six different fullscreen styles to choose from. This snippet using SVG and these two...

Ecommerce Grid to Full Screen Product on Click

This is a fancy e-commerce grid layout designed by Filip SlovÑček and coded by Mary Lou. When you click on a product it scales up and fills up the...

Click and Drag Counter

This is a fancy counter designed by Oleg Frolov on dribbble and coded in anime.js by Valery Alikin. You can click on the number and drag it up /...

Download Button with Circular Progress Indicator

Here is a fancy little download button that has a faint neon glow on hover and on clicking it the button transforms into a circular loader like interface to...

Fancy Tooltip Animations

Here is a bunch of fancy tooltip animations using anime.js and SVG. There are 12 designs ranging from thought bubble to chat bubble to choose from.

Collection of Awesome Grid Loading Animations

This is a collection of awesome grid loading animations, the idea is to show a subtle animation before the image grid is loaded. It was designed by Mary Lou...

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...

SVG Alphabet Animation

This epic lettering animation is made with SVG and anime.js and is perfect where you want to add some eye catchy animation to some text that you want to...