Submit your widget
11
Yays

Create Attractive Animated Hover Effects Easily Magic

4 months ago   Views 4681   downloads 1152   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…

6
Yays

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

4 months ago   Views 2158   downloads 494   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

4 months ago   Views 6310   downloads 1527   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

4 months ago   Views 2749   downloads 452   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…

7
Yays

JavaScript library to make drawing animation on SVG

4 months ago   Views 2393   downloads 406   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

4 months ago   Views 2775   downloads 473   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

5 months ago   Views 2721   downloads 496   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

5 months ago   Views 3024   downloads 302   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" ( ☰ -> ✖ ) .…

14
Yays

Responsive product grid layout with jQuery

5 months ago   Views 2888   downloads 562   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…

5
Yays

3D progress bars with CSS/Sass

5 months ago   Views 2858   downloads 459   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

5 months ago   Views 4200   downloads 695   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…

13
Yays

Login Box Concept with jQuery

5 months ago   Views 4453   downloads 861   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'}…

5
Yays

Animated SVG Hover Buttons

5 months ago   Views 3161   downloads 622   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

5 months ago   Views 2655   downloads 472   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

5 months ago   Views 3304   downloads 515   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)…