Submit your widget
15
Yays

Create Attractive Animated Hover Effects Easily Magic

7 months ago   Views 6316   downloads 1534   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…

8
Yays

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

7 months ago   Views 2729   downloads 388   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…

8
Yays

Create Animated Arrow Navigations With FlexSlider And CSS3

7 months ago   Views 8626   downloads 2206   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

7 months ago   Views 3639   downloads 341   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…

8
Yays

JavaScript library to make drawing animation on SVG

7 months ago   Views 3230   downloads 532   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

7 months ago   Views 3701   downloads 347   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

8 months ago   Views 3642   downloads 399   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

8 months ago   Views 3783   downloads 387   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" ( ☰ -> ✖ ) .…

15
Yays

Responsive product grid layout with jQuery

8 months ago   Views 3591   downloads 742   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…

6
Yays

3D progress bars with CSS/Sass

8 months ago   Views 3612   downloads 352   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…

38
Yays

Animated wheel navigation with jQuery

8 months ago   Views 5052   downloads 848   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

8 months ago   Views 5580   downloads 1071   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

8 months ago   Views 4005   downloads 777   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

8 months ago   Views 3383   downloads 603   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

8 months ago   Views 4391   downloads 690   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)…