Unique rings menu concept

Unique rings menu concept

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 […]

Read More

1.16k 0
Creative letter effects

Creative letter effects

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 […]

Read More

1.28k 0
Colorful button CSS animations

Colorful button CSS animations

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 […]

Read More

1.2k 0
CSShake – CSS animation to shake HTML elements

CSShake – CSS animation to shake HTML elements

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 […]

Read More

1.31k 0
Responsive radial SVG slider

Responsive radial SVG slider

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 […]

Read More

1.26k 0
Stunning CSS transition effects

Stunning CSS transition effects

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 […]

Read More

1.35k 0
Awesome distortion effects with WebGL

Awesome distortion effects with WebGL

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 […]

Read More

1.44k 0
Turbo – stylish multipurpose slider

Turbo – stylish multipurpose slider

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 […]

Read More

1.35k 0
Awesome ink transition effect

Awesome ink transition effect

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 […]

Read More

1.42k 0
Unique timeline navigation

Unique timeline navigation

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 […]

Read More

1.19k 0
14 fancy hamburger menu effects

14 fancy hamburger menu effects

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 […]

Read More

1.46k 0
Sliding portfolio template

Sliding portfolio template

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 […]

Read More

1.33k 0
Cool SVG clip-path hover effect

Cool SVG clip-path hover effect

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 […]

Read More

1.38k 0
Elastic slideshow with circular slides

Elastic slideshow with circular slides

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 […]

Read More

1.23k 0
Pointy – stylish slider with a unique motion effect

Pointy – stylish slider with a unique motion effect

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 […]

Read More

1.26k 0
Creative reading progress indicator

Creative reading progress indicator

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 […]

Read More

1.02k 0
Responsive HTML pricing tables

Responsive HTML pricing tables

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 […]

Read More

1.1k 0
WebGL rain and water drop effects

WebGL rain and water drop effects

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 […]

Read More

1.59k 0
Elastic SVG progress bar

Elastic SVG progress bar

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 […]

Read More

1.6k 0
Responsive SVG image slider

Responsive SVG image slider

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 […]

Read More

1.24k 0
A handy “add to cart” snippet

A handy “add to cart” snippet

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 […]

Read More

1.26k 0