Submit your widget
15
Yays

Create Attractive Animated Hover Effects Easily Magic

6 months ago   Views 5800   downloads 1433   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…

7
Yays

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

6 months ago   Views 2556   downloads 358   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

6 months ago   Views 7852   downloads 2006   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…

3
Yays

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

6 months ago   Views 3338   downloads 313   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

6 months ago   Views 2939   downloads 478   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

6 months ago   Views 3315   downloads 318   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

6 months ago   Views 3319   downloads 368   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

6 months ago   Views 3557   downloads 364   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

7 months ago   Views 3349   downloads 668   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

7 months ago   Views 3340   downloads 319   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

7 months ago   Views 4752   downloads 788   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…

15
Yays

Login Box Concept with jQuery

7 months ago   Views 5189   downloads 1008   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'}…

6
Yays

Animated SVG Hover Buttons

7 months ago   Views 3710   downloads 722   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.…

8
Yays

Beautiful canvas script to add magic to DOM elements

7 months ago   Views 3147   downloads 565   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

7 months ago   Views 4001   downloads 626   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)…