Submit your widget
11
Yays

Create Attractive Animated Hover Effects Easily Magic

3 months ago   Views 4146   downloads 1031   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…

5
Yays

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

3 months ago   Views 1953   downloads 469   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…

7
Yays

Create Animated Arrow Navigations With FlexSlider And CSS3

3 months ago   Views 5549   downloads 1352   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…

2
Yays

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

3 months ago   Views 2457   downloads 433   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…

6
Yays

JavaScript library to make drawing animation on SVG

3 months ago   Views 2172   downloads 369   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…

3
Yays

Easy scroll animations for web and mobile browsers

3 months ago   Views 2465   downloads 431   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>…

5
Yays

The simple, customizable, tiny javascript color extractor

4 months ago   Views 2424   downloads 459   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…

6
Yays

menu to cross icon with jQuery

4 months ago   Views 2716   downloads 479   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" ( ☰ -> ✖ ) .…

13
Yays

Responsive product grid layout with jQuery

4 months ago   Views 2658   downloads 508   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…

4
Yays

3D progress bars with CSS/Sass

4 months ago   Views 2550   downloads 430   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…

37
Yays

Animated wheel navigation with jQuery

4 months ago   Views 3895   downloads 646   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…

12
Yays

Login Box Concept with jQuery

4 months ago   Views 4060   downloads 799   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'}…

4
Yays

Animated SVG Hover Buttons

4 months ago   Views 2871   downloads 555   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.…

7
Yays

Beautiful canvas script to add magic to DOM elements

4 months ago   Views 2412   downloads 433   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…

12
Yays

Midnight--- jQuery plugin to switch fixed headers

4 months ago   Views 2982   downloads 474   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)…