Submit your widget
3
Yays

2016 Awesome Pointy Slideshow

2 months ago   Views 3054   downloads 751   Slideshow & Scroller

This is a slideshow with sliding-in panels that unveil new, fixed background images. Today’s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each…

5
Yays

jQuery full-screen menu and navigation

2 months ago   Views 3066   downloads 497   Menu & Navigation

Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations. Structure The HTML is fairly simple,…

5
Yays

Vertical Fixed Navigation with jQuery

2 months ago   Views 2986   downloads 744   Menu & Navigation

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them. The basic idea behind putting round indicators on the side of a web page, is to give…

4
Yays

ProgressBarWars with jQuery

2 months ago   Views 2043   downloads 398   Graph & Chart

ProgressBarWars jQuery Quick start 1.- Include the files <!-- Bootstrap and JQuery --> <link rel="stylesheet" href="bootstrap.min.css"> <script src="jquery.min.js">…

8
Yays

Display Images with Shape Masking and Nifty Zoom Effect with jQuery

2 months ago   Views 4174   downloads 1093   Image Effects

we are going to show you how to mask images with shapes plus some nifty zoom animation effects with just HTML & CSS. I have seen this kind of styling and effect in many portfolio websites and let…

3
Yays

jQuery plugin to provide simple yet fully customisable pagination

2 months ago   Views 1388   downloads 490   Buttons & Icons

A jQuery plugin to provide simple yet fully customisable pagination. Quick Start   HTML: <div id="data-container"></div> <div id="pagination-container"></div>…

10
Yays

Create Attractive Animated Hover Effects Easily Magic

2 months ago   Views 3604   downloads 916   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

2 months ago   Views 1759   downloads 445   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

2 months ago   Views 4879   downloads 1221   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

2 months ago   Views 2182   downloads 413   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…

5
Yays

JavaScript library to make drawing animation on SVG

2 months ago   Views 1919   downloads 346   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

2 months ago   Views 2205   downloads 411   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>…

4
Yays

The simple, customizable, tiny javascript color extractor

3 months ago   Views 2190   downloads 439   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

3 months ago   Views 2448   downloads 459   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" ( ☰ -> ✖ ) .…

12
Yays

Responsive product grid layout with jQuery

3 months ago   Views 2461   downloads 459   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…