Submit your widget
100
Yays

JQuery Animations Button

  Views 24763   downloads 4943   Buttons & Icons

In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial. Step 1 – HTML Different people will require a button for different…

73
Yays

Quttons are buttons made of Quantum Paper with jQuery

  Views 27064   downloads 4047   Buttons & Icons

Quttons are buttons made of Quantum Paper Qunatum Paper is a digital paper that can change its size, shape and color to accommodate new content. Quantum paper is part of Google's new Material Design…

63
Yays

jQuery and CCS3 animates load button

  Views 19713   downloads 3775   Buttons & Icons

This simple jQuery plugin animates the button's icon as the data are being fetched from the server. (Click on the buttons above for a demo - a timeout of 2 seconds imitates a server load). The button's…

44
Yays

jQuery and CSS3 Custom Radio Buttons

  Views 19132   downloads 3264   Buttons & Icons

This is a tiny jQuery plugin that transforms your radio buttons into a modern dropdown select list with background images interaction. Great for creating an image filter that fades in/out the background…

44
Yays

Pure CSS3 Animated buttons

  Views 12149   downloads 2918   Buttons & Icons

Just playing around with transitions. No jQuery, just pure CSS3 buttons with descriptions. HTML <ul> <li><a href="#" class="round green">Login<span class="round">That…

43
Yays

3D Download Button w/ Meter Progress

  Views 10300   downloads 1857   Buttons & Icons

Animated download button (icon uses one i element) with 3D transition download meter progress bar. HTML <h1>Click Me!</h1> <div class="download-wrap"> <div class="download">…

40
Yays

150+ Free Animated Flat SVG Icons

  Views 18286   downloads 4679   Buttons & Icons

Joseph Howard from Pencil Scoop did a great job.He created animating icons with simple CSS and a tiny bit of jQuery.The pack containg 150+ free animated icon in Flat style With Shadow Hovers,Animated…

34
Yays

Multiple CSS3 powered hover effects

  Views 9643   downloads 2951   Buttons & Icons

This is a collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available…

30
Yays

Animated SVG Hover Buttons

  Views 12236   downloads 2547   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.…

30
Yays

Cool Social Buttons jQuery Plugin

  Views 9520   downloads 2233   Buttons & Icons

As much as we hate them, social sharing buttons are necessary to make it easy for visitors to share our content with their friends and professional networks. But as web developers, we have to be weary…

29
Yays

New CSS3 Hover Link Effects

  Views 10398   downloads 2046   Buttons & Icons

One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page. Typical links contain simple hover effects such as…

28
Yays

control on social sharing buttons with jQuery ----socialShare.js

  Views 6787   downloads 976   Buttons & Icons

This is a jquery plugin to provide more control on social sharing buttons. Do the styling without worrying about the javascript implementation. Features Full control over the design of the buttons. No…

25
Yays

Beautiful canvas script to add magic to DOM elements

  Views 9075   downloads 2053   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…

20
Yays

jQuery plugin to provide simple yet fully customisable pagination

  Views 6933   downloads 1470   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>…