Category: Code

This is a really awesome concept created by Bennett Feely. It’s a fancy menu that you can expand and navigate through circles. Have a look at this great piece of […]

A creative and unique set of letter effects powered by anime.js library. Large headlines and appealing animations are used to emphasize certain messages. Feel free to experiment and create your […]

Eva Ferreira created a set of fancy and colorful button animations with CSS filters. She also explained how to achieve that, so feel free to play around with the code […]

A handy CSS class to animate HTML elements. It is simple to use, just include the stylesheet in your next project and provide one of “shake-*” class for desired HTML […]

A simple yet an appealing SVG slider with a fancy radial transition effect. It’s powered by SVG clipPath and was inspired by an original animation created Tokito. When you interact […]

The guys from Codyhouse collaborated with passionate motion designer Gabriele Mellera to create a small library of awesome CSS transition effects. Read the whole tutorial on their website and download […]

Here are some awesome heat/water distortion effects created with WebGL (using fragment shaders). The idea behind these cool effects is to add smooth animated distortion to static images and some […]

Turbo is a light, fancy and beautiful slider with a basic set of cool features: responsive, touch and drag, mobile first, CSS3 animations, video support, cross browser compatible, auto scale […]

Here is an awesome ink bleed transition effect, powered by CSS animations. You can use it ti fire a modal window or as a transition between 2 different pages. It’s […]

Here is an interesting timeline slider navigation created by Tyler Fowle – a talented front end developer from Lincoln, Nebraska. It can serve as an inspiration for your own timeline […]

Here is a set of 14 CSS-animated hamburger menus. These are supported by most modern browsers and are customizable. You’ll find detailed instructions and usage guides on author’s website. Use […]

A simple and stylish portfolio template built with CSS and jQuery. When you click on a project’s image the other panels are sliding out and you get more info about […]

A nice experiment by Noel Delgado who tried to re-create a portfolio grid hover effect using SVG and CSS transitions. Please note that this demo might not work in all […]

Here is a fancy and cool slideshow with circular slides and an elastic navigation effect. It was inspired by “Mobile Commerce Interface” Dribbble shot by Bilal Mechairia. Dynamic.js library was […]

Pointy is a cool slideshow built with HTML, CSS and jQuery. It features a responsive, sharp design and a unique motion effect: each new slide covers the old one and […]

Here is a fancy and creative widget containing a list of posts, with a reading progress indicator powered by SVG, CSS and jQuery. The URL is changing according to the […]

Here is a big set of beautiful, fancy HTML pricing tables (flexbox-based). You can customize and use them for your own projects, styling possibilities are practically unlimited. Please note that […]

Here are some nice WebGL experiments simulating rain and water drop effects. The idea is to create realistic looking effects and put them in different scenarios. This experiment might not […]

Here is an awesome, interesting progress effect implemented with SVG and TweenMax. This cool, elastic progress bar effect was inspired by a Dribbble shot created by xjw. When you click […]

A simple, responsive SVG image slider with some cool transition effects. Based on a unique technique for creating responsive sliders (SVG paths were used to clip the slide images, without […]

A handy snippet which allows users to quickly add products to cart directly from products gallery. This functionality is very useful for the users who are already familiar with the […]