New Tools And jQuery Plugins For Web Designers – 38 Items

jQuery plugins are released more often than people would expect and that is a good thing because this way you have a whole bunch of them to choose from. In this article I featured 38 of these wonderful jQuery plugins along with other tools useful for web designers and web developers.


tablecloth.js Tool for web designers

We’ve all been there. Either you’re redesigning a large site or working on a completely new one… styling tables is typically tedious and time-consuming. If you’d rather spend your valuable time making the other elements of your site pretty, use tablecloth to do the heavy lifting.


JQVMa Tool for web designers

JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9. Legacy support for older versions of Internet Explorer 6-8 is provided via VML.

stroll.js – because it scrolls, and trolls

stroll.js – because it scrolls, and trolls Tool for web designers


Cubism.js Tool for web designers

Cubism.js is a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources. Cubism is available under the Apache License on GitHub.


lake.js Tool for web designers

Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element.

The new canvas element will be the same width as the original image and double the height.


Storage.js Tool for web designers

Simple HTML5 page edits. Storage.js uses the new HTML5 contenteditable attribute and localStorage to bring you HTML5 awesomeness. Storage.js was formerly known as Storagify

cookie.js – simplifying cookies in JavaScript

cookie.js is a tiny JavaScript library that simplifies cookies. It is capable of setting, getting and removing cookies, accepts a variety of parameters, and supports chaining. cookie.js is released under the MIT/X11 license. It doesn’t have any dependencies and if minified it’s only ~1.4 KiB large (~0.7 KiB if minified and gzipped).

jqFloat.js – A Floating Effect with jQuery

jqFloat.js – A Floating Effect with jQueryTool for web designers

jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object.

Visibility.js – a wrapper for the Page Visibility API

Visibility.js allow you to determine whether your web page is visible to an user, is hidden in background tab or is prerendering. It allows you use the page visibility state in JavaScript logic and improve browser performance by disabling unnecessary timers and AJAX requests, or improve user interface experience (for example, by stopping video playback or slideshow when user switches to another browser tab).

Android Query

Android Query Tool for web designers

Android-Query (AQuery) is a light-weight library for doing asynchronous tasks and manipulating UI elements in Android.


pep.jquery.js Tool for web designers

Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices.

Pep has built-in support for custom start, stop, rest (called when easing completes), and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions from Matthew Lein’s Ceaser

jQuery NailThumb

jQuery NailThumb Tool for web designers

Create thumbnails easily from high-res images, without any distortion, with one line of code. You can even decide thumbnail dimensions directly from CSS. Integrates prefectly with any media gallery, even more usefull in dynamic web application when you can face any shape or size.

If you want to add avatars to your application it’s easier to use this plugin to let them fit any size you need then to develop a functionality that help your user to upload avatars of the right size/sizes.


CanJS is an MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy. It provides:
– can.Construct – inheritable constructor functions
– can.Observe – key-value binding
– can.Model – observes connected to a RESTful JSON interface
– can.view – template loading, caching, rendering
– can.EJS – live binding templates
– can.Control – declarative event bindings
– can.route – back button and bookmarking support

It also includes a rich set of supported extensions and plugins. CanJS is better, faster, easier, smaller, library-er


Firebase Tool for web designers

Real-time is hard. Firebase makes it the default. Firebase apps respond automatically to data changes as they occur, bringing a whole new level of interactivity to your users.

Data stored in Firebase is directly accessible from JavaScript on the client. This means you can build dynamic, data-driven websites without running your own databases or web servers. If needed, Firebase can play nicely with your existing backend too!

Firebase lets you create fully interactive apps with just HTML and JavaScript. No servers or server code required. With Firebase you can simplify your code, focus on the problem you’re solving, and get things done FAST


CreateJS Tool for web designers

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs. The CreateJS Suite is comprised of: EaselJS, TweenJS, SoundJS, PreloadJS, and Zoë.


Fixie.js Tool for web designers

Fixie.js is an open source tool that automatically adds filler content to HTML documents.

Adding lorem ipsum text to HTML documents involves copy-pasting, manual editing, and increasingly unwieldy code.

By interpreting your semantic HTML5 tags, Fixie will automagically add the right type of content in the right places. Headings, paragraphs, links, images, sections… trust me, it’s all there. That way you can focus on your design, instead of finding the right filler content. Tool for web designers

A better upload dialog for the web. Your content, where you want it. Upload files directly from Dropbox, Facebook, your computer, and more!

Developers: Connect your application to your user’s content in seconds. Let us do the dirty work so that you can focus on building the best web application.

Real Shadow

Real Shadow Tool for web designers

jQuery Plugin that casts photorealistic shadows. Perfect for eye-catching demos and landing pages.

HTML9 Responsive Boilerstrap JS

HTML9 Responsive Boilerstrap JS Tool for web designers

H9RBS.js (v0.0001) is a flexible, dependency-free, lightweight, device-agnostic, modular, baked-in, component framework MVC library shoelacestrap to help you kickstart your responsive CSS-based app architecture backbone kitchensink tweetybirds.


Positionly Tool for web designers

Positionly’s focus on simplicity makes it a truly unique tool on the SEO market. We’ve removed all bells and whistles and left only things that are important to your business.

Save yourself some time, and let our application do the hard work. You don’t have to penetrate search engine results and search for your websites − we will do that for you.

Koottam Social jQuery Plugin

Koottam Social jQuery Plugin Tool for web designers

A simple, powerful and elegant Social jQuery Plugin to display your social links. The plugin can be highly customized through 10+ options.


elFinder Tool for web designers

elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.


Dataset Tool for web designers

Dataset is a JavaScript client-side data transformation and management library. Dataset makes managing client-side data easy by handling loading, parsing, sorting, querying & manipulating data from all sorts of sources.


dgrid Tool for web designers

A next-generation grid component that takes full advantage of modern browsers and object stores. Lightweight, modular, and easily extensible, dgrid is released under the same open-source license and CLA as the Dojo Toolkit.


jquery-countdown Tool for web designers


Faye  Tool for web designers

Faye is a publish-subscribe messaging system based on the Bayeux protocol. It provides message servers for Node.js and Ruby, and clients for use on the server and in all major web browsers.


Crossfilter Tool for web designers

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.

Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the performance of live histograms and top-K lists. Tool for web designers

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media queries for all standard devices, clearfix, and optional reset.


Knob Tool for web designers


css2less Tool for web designers

This tool has been thought for front-end developers who are tired of working with CSS. Here you can quickly convert your old CSS files to fresh new LESS files. As easy as copy/paste. You can also convert files locally by install the css2less RubyGems.


esotalk Tool for web designers

For too long have Internet forums been stuck in the past—bloated, slow, unimaginitive, ugly. esoTalk has been built from the ground up to take advantage of modern web technologies and provide the perfect balance between simplicity, power, speed, and scalability.


minjs Tool for web designers

minjs stays out of your way. It does not dictate how you to design your UI. It tries to make no assumptions about the layout of the HTML or CSS it’s running in.

minjs is not a framework. It’s a collection of independent components. Use only what you need.

CSS arrow please

css arrow please Tool for web designers


Because it is simple and yet powerful. Using AppJS you don’t need to be worry about coding cross-platform or learning new languages and tools. You are already familiar with HTML, CSS and Javascript. What is better than this stack for application development? Beside, AppJS uses Chromium at the core so you get latest HTML 5 APIs working. So relax and focus on the task your application should do.


skrollr Tool for web designers

Parallax* scrolling lib with zero dependencies (seriously, you don’t need jQuery) in just over 5.1k minified (2.2k gzipped). No JavaScript skills needed.

*Actually, skrollr is much more. It’s a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. But calling it “parallax” is part of my ongoing effort to play buzzword bingo as often as possible. By the way, skrollr leverages HTML5 and CSS3

MiniJS – A suite of jQuery plugins written in CoffeeScript

MiniJS - A suite of jQuery plugins written in CoffeeScript Tool for web designers


Moobile Tool for web designers

Moobile is a new mobile application framework built on MooTools.


AjaxML Tool for web designers

AjaxML was designed to decrease development time of Ajax requests, as it was measured to reduce development time upto 60% from time consumed using normal jQuery ajax.