Submit your widget
33
Yays

Create Attractive Animated Hover Effects Easily Magic

2 years ago   Views 15448   downloads 4249   Image Effects

With the availability of open source projects, creating cool and subtle animation can be really fast and simple. By making use off-the-shelves library what we need to do is to create a structure and apply…

28
Yays

jQuery Code a Single-Page Sliding Website Layout With Fixed Navigation

2 years ago   Views 6648   downloads 1297   Menu & Navigation

In this tutorial I want to demonstrate how you can build a custom sliding navigation with jQuery. There are many alternative plugins which provide these features and will also save time. But I want to…

23
Yays

Create Animated Arrow Navigations With FlexSlider And CSS3

2 years ago   Views 21831   downloads 6162   Slideshow & Scroller

All of you should be quite familiar with Codrop's tutorials. They are really inspiring and creative. I played with the Arrow Navigation styles demo, I'm impressed. And I wondered how hard would…

14
Yays

jqm-pagination-----jQuery Mobile Pagination for touch, mouse, and keyboard

2 years ago   Views 9192   downloads 1078   Slideshow & Scroller

jQuery Mobile Pagination Plugin A jQuery Mobile plugin for sequential pagination between pages with support for touch, mouse, and keyboard! Simply add this plugin to your page and link together documents…

20
Yays

JavaScript library to make drawing animation on SVG

2 years ago   Views 8128   downloads 1740   Layout & Interface

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well…

12
Yays

Easy scroll animations for web and mobile browsers

2 years ago   Views 8816   downloads 1109   Layout & Interface

Easy scroll animations for web and mobile browsers 1.1. Installation   The simplest method is to copy paste this snippet just before your closing </body> tag. <script src="https://cdn.jsdelivr.net/scrollreveal.js/3.0.6/scrollreveal.min.js"></script>…

24
Yays

The simple, customizable, tiny javascript color extractor

2 years ago   Views 9673   downloads 1335   Color Picker

The simple, customizable, tiny javascript color extractor. In summary, with Colorify.js, you can : Extract the dominant color from an image Generate gradients based on the images colors Isolate colors…

26
Yays

menu to cross icon with jQuery

2 years ago   Views 8655   downloads 1488   Menu & Navigation

One idea, 6 possibilities The project Menu-to-cross-icon is a project made to show people different ways to create a "Menu icon" that switch into a "cross icon" ( ☰ -> ✖ ) .…

29
Yays

Responsive product grid layout with jQuery

2 years ago   Views 8466   downloads 2043   Layout & Interface

This is A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality. This Blueprint is a responsive Isotope-powered product grid layout where…

26
Yays

3D progress bars with CSS/Sass

2 years ago   Views 9012   downloads 1615   Graph & Chart

The demo will show you how to create some interesting 3D progress bars with CSS/Sass. Discover how to use box shadows and gradients to create realistic looking skins. we’d like to show you how to…

63
Yays

Animated wheel navigation with jQuery

2 years ago   Views 12695   downloads 2449   Menu & Navigation

Animated wheel navigation JavaScript library based on Raphaël.js (SVG/VML). It works on all major desktop and mobile browser. Possible uses: tab navigation pie menu (radial menu, circular…

38
Yays

Login Box Concept with jQuery

2 years ago   Views 12424   downloads 2774   Form

Just trying to do some login animations. Buggy on Firefox, fine in Chrome. Still need to tidy up and Optimize HTML .brand %a{:href => 'http://www.jamiecoulter.co.uk',:target => '_blank'}…

23
Yays

Animated SVG Hover Buttons

2 years ago   Views 9931   downloads 2068   Buttons & Icons

This is a lot of people liked the buttons I made for my website so I threw together a CodePen and added comments. This is pure HTML/CSS implementation of some SVG buttons with a cool hover effect.…

21
Yays

Beautiful canvas script to add magic to DOM elements

2 years ago   Views 7864   downloads 1749   Buttons & Icons

This is a little canvas script to add magic to DOM elements! Html <h1>A little canvas script to <span>add magic</span> to DOM elements!</h1> <button class="sparkley">Everything's…

24
Yays

Midnight--- jQuery plugin to switch fixed headers

2 years ago   Views 10209   downloads 2203   Layout & Interface

A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Quick start   Create your fixed nav (or header)…