Category Archives: plugins

Plugins for designers and developers. sharing important articles blogs for web designers and web developers from web design blogs. Daily tweets about HTML5, CSS3, Jquery, javascript, bootstrap, ajax, php.

New JavaScript UI Library

The w2ui New JavaScript UI Library is a set of jQuery plugins for front-end development of data-driven Web applications . It’s not an adhoc port to jQuery , but was initially developed with jQuery in mind .

Read More Demo

JQuery Mobile UI Theme

jQuery Mobile Square UI Theme. A JQuery Mobile UI Theme

Read More Demo

Simple modal window with an animated SVG background

Tutorial about creating simple modal window with an SVG background animated using Snap.svg and javascript.

Read More Demo

Extended JavaScript regular expressions

XRegExp has augmented ( and expandable ) JavaScript regular expressions . You get new , modern syntax and flags on the browsers support natively . XRegExp is also a regex utility belt with tools to make your client-side parsing Grepping and easier while freeing you from worry about annoying aspects of JavaScript regular expressions as cross-browser inconsistencies and manual manipulation load .

Read More Demo

Responsive Touch Enabled jQuery Carousel Plugin

jCider is a simple , flexible Responsive Touch Enabled jQuery Carousel Plugin that makes it easier to create a responsive , mobile -friendly slider carousel with turbidity or slide transitions between slides.

Read More Demo

HTML5 Video Background Plugin with jQuery

Another lightweight HTML5 video background plugin with jQuery , you can use a HTML5 video as a cover background for each container.

Read More Demo

Copy Text to Clipboard : Clipboard.js

Clipboard.js is a lightweight javascript library to create a modern approach to copy text to clipboard. It doesn’t require flash or any other framework.

Copying text to the clipboard should not be hard . It should not require dozens of steps to configure or load hundreds of KB . But above all , it should not depend on Flash or a bloated frameworks

Read More Demo

Create A Simple Image Slideshow

In this tutorial you will learn how to create a simple image slide show with GreenSock the TweenLite and timeline Lite .

Read More Demo

Responsive jQuery Pop Up Gallery

In this tutorial you will learn how to create a great Responsive jQuery Pop Up Gallery . Each gallery is a small preview animation . This tutorial shows you provide galleries with five different pop up galleries .

Read More Demo

jQueryUI Limit slider

jQueryUI Limit slider allowing multiple sliders and areas with all sorts of optional limitations in position / size / distance . Also includes optional labels on the slider and move titles .

Read More Demo

jQuery UI widget for creating wizard interfaces

jWizard is a jQuery UI widget for creating wizard interfaces based on your HTML Forms.

Read More Demo

jQuery Timeline plugin

jqtimeline : jQuery Timeline plugin . A simple and elegant jQuery plugin that displays a series of events ( dates ) in a timeline.

Read More Demo

Tapestry 5 jQuery integration Module

Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.

Read More Demo

Virtual Keyboard using jQuery UI

An on-screen – virtual keyboard in the browser window , the pop-up is when a particular input field is focused embedded .

Read More Demo

jQuery UI Slider Pips

jQuery UI Slider Pips plugin extends the jQuery UI slider widget .This is shown for a beautiful style slide below.

Read More Demo

jQuery plugin for building scroll based stories

Scroll Story is a jQuery plugin for building Scroll based stories . Instead of a specific task , aims to provide a tool to solve common problems .

Read More Demo

Web UI for building structured search or filter queries

Structured – filter is a generic Web user interface for the creation of structured search or filter queries. It allows you to structured searches such as ” contacts where first name begins with ” A ” and birthday after 01.01.1980 and the state in ( CA , NY , FL ) ” to build …

Read More Demo

Visual editor bookmarklet

Visual editor bookmarklet which modify and annotate web pages remarkably easy making ! Built with Require , jQuery and jQuery UI

Read More Demo

Show wiki Summary about any thing on your site

This plugin allows your website on the wiki summary of the text of each show , when clicked , in a inline popup appears on the same page . In addition, all internal links in it would open in the same pop-up window , and thus keep users on your site only .

Read More Demo

jquey plugin to create a table of contents from HTML markup

jQuery – nsmToc.js is a jQuery plugin that generates a nested

    Table of Contents based on header tags < hn > in your HTML markup . The TOC list item content from the title attribute the heading dragged element and falls back to the element content .

Read More

jPut – JSON to HTML

jPut is a small jQuery plugin where your JSON , the customization HTML format easy to hang ,jPut – JSON to HTML. You can also dynamically values ​​to bind your existing data slightly .Its simple and fast . The jPut can call by usind data attributes .

Read More Demo

Select2 : jQuery based replacement for select boxes

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Read More

HTML5 Game Engine

Quintus

Quintus is an easy-to-learn, fun-to-use HTML5 game engine for mobile, desktop and beyond!

Read More Demo

jQuery hashchange event

jQuery hashchange event plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.s

Read More Demo

HTML5 template that goes back to basics

Contains the most popular HTML5 structural elements and how to use them.

This HTML5 template can only be used as to obtain a bill proceed in HTML5 , or it can simply be re- used as a guideline on the in-line comments in building your own HTML5 page from scratch .

Read More Demo

Simplify the HTML5 web standard webRTC

New webstandard being developed for peer-to-peer communication on the web.

An abstraction layer for WebRTC . The aim is to simplify the HTML5 web standard WebRTC in a manner similar w / WebSockets socket.io . Highly experimental technology.

Read More

HTML5 Security Cheat sheet

A collection of HTML5 related XSS attack vectors.

This is the new home of H5SC or HTML5 security Cheat Sheet . Here you will find three things :

  • A collection of HTML5 -based XSS attack
  • A set of useful files for XSS tests
  • A number of formerly hidden features useful for XSS tests

Read More Demo

HTML5 Boilerplate Custom Builder

Running on Google App Engine (Java)

HTML5 Boilerplate Custom Builder runs on Google App Engine ( Java ).

Read More Demo

Wrapper library for the HTML5 Filesystem API

The HTML5 Filesystem API is only supported in Chrome

filer.js is a well-tested interface library for HTML5 Filesystem API , an API that web applications to read and write files and folders to its own sandbox allows file system .

Read More

HTML5 slideshows from markdown

Generates a slideshow using from markdown, ReST, or textile.

Landslide generates a HTML5 slideshows using from markdown, ReST, or textile. It builds off of Google’s html5slides template.

Read More

Interface kit for quick development of web interfaces

Simple to use and expand on

An HTML5/CSS3 framework used at SAPO for fast and efficient website design and prototyping. Interface kit for quick development of web interfaces.

Read More Demo

roBrowser

Open source implementation of the Ragnarok Online MMORPG for web browsers

roBrowser a free and open source implementation of the MMORPG Ragnarok Online is for web browser from scratch written to new, with the latest web standards ( WebGL , HTML5 , File API , Javascript.

Read More Demo

Cross-browser javascript wrapper for the html5 audio tag

Audiojs is a drop-in javascript library

Audiojs is a drop-in JavaScript library , the HTML5

Read More Demo

HTML5 game framework for web and iOS

Browser support : Current: Chrome, Safari 5, Firefox 3.6+, Opera, IE9, Mobile Safari

HTML5 game framework for web and iOS.

Read More Demo

Share drop HTML5 clone of apple’s AirDrop

Easy P2P file transfer powered by WebRTC

Share Drop HTML5 clone of Apple AirDrop service . It allows you to transfer files directly between devices , without these being uploaded to any server first . It uses WebRTC for secure peer -to-peer file transfer and Fire Base for presence management and WebRTC signaling .

Read More Demo

HTML5 Sortable jQuery Plugin

Built using native HTML5 drag and drop API.

Lightweight HTML5 Sortable jQuery Plugin to create sortable lists and grids using native HTML5 drag and drop API.

Read More Demo

Fiercely quick front end boilerplate and workflows.

The opinionated FireShell framework.

Fiercely quick front end boilerplate and workflows, HTML5, Grunt, Sass.

Read More Demo

Accessible HTML5 Video Player

By the PayPal Accessibility Team

A slight HTML5 video player, support for title and screen reader contains . For details, see the blog post introducing a Accessible HTML5 Video Player on the PayPal blog technology.

Read More Demo

JavaScript Library for Building Isometric Pixel Elements

Obelisk.js is a JavaScript library for building isometric pixel objects.

JavaScript Library for Building Isometric Pixel Elements with HTML5 Canvas.

Read More

Front end framework for building html5 mobile apps

CSS3 Transitions optimized for mobile performance

A front end framework for building HTML5 mobile apps with a native look and feel.

Read More Demo

HTML5 ebook framework

Original Baker Framework repository

The HTML5 ebook framework for interactive books and magazines on iPad & iPhone publish only open Web standards.

Read More Demo

Javascript library for working with Audio

Supports WebAudio, HTML5 Audio, Cordova / PhoneGap

A JavaScript library for working with audio . It provides an API for loading and playing audio on different browsers and devices . Currently WebAudio support , HTML5 Audio , Cordova / PhoneGap , and the Flash -Fallback .

Read More Demo

Top-notch resource for web developers

html5rocks.com is an open source project!

Top-notch resource for web developers .

Read More

Mozilla’s HTML5 Video Framework : Popcorn-js

HTML5 Media Framework

Popcorn.js is Mozilla’s HTML5 video and media library for the open Web . Mozilla’s HTML5 Video Framework : Popcorn-js. It allows web developers , filmmakers , artists, designers , and others in a simple timeline -based Web productions . Popcorn.js helps media API and implementation to simplify differences between browsers and includes a powerful event system and a rich plugin architecture and plug-ins .

Read More Demo

HTML5 based Phone UI for the Boot 2 Gecko Project

Gaia is Mozilla’s Phone UX for the Boot to Gecko (B2G) project.

HTML5 based Phone UI for the Boot 2 Gecko Project. Gaia is a HTML5-based Phone UI for the Boot 2 Gecko Project. NOTE: For details of what branches are used for what releases.

Read More Demo

Isometric graphics library for HTML5 canvas

An isometric graphics library for HTML5 canvas.

Simple isometric graphics library for HTML5 canvas.

Read More Demo

Javascript HTML5 Canvas Manipulation

CamanJS

The focus of CamanJS manipulated images with the HTML5 Canvas and Javascript . Javascript HTML5 Canvas Manipulation is a combination of an easy-to -use interface with advanced and efficient image / canvas editing techniques . It is also totally library be used independently and safely in addition to jQuery , YUI , Scriptaculous , MooTools , etc.

Read More Demo

HTML5 Web Socket implementation powered by Flash

web-socket-js

HTML5 Web Socket implementation powered by Flash

Read More

HTML5 UI Framework for Building Your Mobile Front End

Onsen UI

Custom Elements-Based HTML5 UI Framework for Building Your Mobile Front End.

Read More Demo

noVNC: HTML5 VNC Client

VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss://) support.

noVNC is an HTML5 VNC client that ( iPhone / iPad and Android ) is going well in any modern browser , including mobile browsers .

Read More Demo

App Framework – A HTML5 targeted Javascript Framework

Definitive HTML5 mobile javascript framework

App Framework – a targeted HTML5 Javascript framework. It is focused on HTML5 browsers a UI framework .

Read More Demo

Mercury Editor : The Rails HTML5 WYSIWYG editor

Mercury Editor is a fully featured editor much like TinyMCE or CKEditor

Mercury Editor : The Rails HTML5 WYSIWYG editor, it is a full-featured editor like TinyMCE or CKEditor , but with a different usage paradigm . He expects a whole page is something that can be edited , and allows different types of editable regions are indicated . It shows a single toolbar for each region on the page , and uses the HTML5 contentEditable functions on block elements , instead of iframes that . For CSS to be applied in a manner that can not handle many other editors.

Read More Demo

Modular 3D and 2D game framework for making HTML5 powered games : Turbulenz

Support HTML5 features such as modern browsers without the need for plugins

Turbulence is an Modular 3D and 2D game framework, HTML5 game engine and server-side APIs for the construction and sale of 2D and 3D games that support on platforms that HTML5 features such as modern browsers without plug-ins to run in JavaScript and typescript .

Read More Demo

Resumable.js : JavaScript library

Providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

Resumable.js : JavaScript library for the use of more simultaneous , stable , fault-tolerant and continuable / restart uploads via the HTML5 File API .

Read More Demo

JavaScript Sound API supporting MP3, MPEG4 and HTML5 audio + RTMP

SoundManager 2: JavaScript Sound for the Web

A JavaScript Sound API supports MP3 audio , MPEG4 and HTML5 Audio + RTMP , reliable cross-browser / platform -Audiosteuerung in less than 12 KB . BSD license .

Read More Demo

HTML5 saveAs() FileSaver implementation

Solution to saving files on the client-side

HTML5 saveAs() FileSaver implementation . FileSaver.js implements the W3C HTML5 saveAs ( ) File Saver interface in browsers that do not natively support it . There is a FileSaver.js demo that shows savings of various media types .

FileSaver.js the solution to save files on the client – side , and is ideal for Web applications that need to create files , or to store sensitive information that should not be sent to an external server

Read More Demo

Real-time, node based video effects compositor : Seriously.js

Inspired by professional software such as After Effects and Nuke

Seriously.js is a real node- based video translator for the Web . Inspired by professional software such as After Effects and Nuke , Seriously.js makes high-quality video effects , but can be dynamic and interactive.

Read More Demo

Mobile First, Responsive WordPress starter theme

A Lightweight WordPress Development Theme

Bones is a Mobile First, Responsive WordPress starter theme. Bone is designed to facilitate the life of the developer . It is built with HTML5 and has a strong semantic basis . It is constantly growing , so be sure to check frequently if you are a frequent user . I’m always open to contributions.

Read More Demo

HTML5 device mockups

View the demo page of all devices

HTML5 device mockups of popular devices, to showcase your portfolio and spice up your website.

Read More Demo

HTML5 application architecture using Backbone.js

Chaplin is an architecture for JavaScript applications using the Backbone.js library

HTML5 application architecture using Backbone.js. Chaplin directed restrictions backbone is , by providing a simple and flexible structure , the proven design patterns and best practices .

Read More

HTML5 rich text editor

the textarea of the future

Squire is an HTML5 rich text editor , the powerful cross-browser normalization offers and not very light and flexible.

Read More

JavaScript Library for HTML5 canvas based heatmaps

Dynamic Heatmaps for the Web.

JavaScript Library for HTML5 canvas based heatmaps. Heatmap.js is a lightweight , easy to use JavaScript library to help you visualize your three dimensional data !

Read More

jQuery HTML5 Audio and Video Library

Jplyaer supporting HTML5: mp3, m4a (AAC), m4v (H.264), ogv, oga, wav, webm

jQuery HTML5 Audio and Video Library .JPlayer is a jQuery / Zepto plugin that allows you to :

  • Playing media files and to control in your webpage.
  • creating a unified interface and experience across browsers .
  • Create and style a media player with only HTML and CSS .
  • add audio and video to jQuery / Zepto projects .
  • support more devices with HTML5 .

Read More

HTML5 Canvas JavaScript framework

Extends the 2d context by enabling canvas

KineticJS is an HTML5 Canvas JavaScript framework that the 2D context by enabling extended screen interactivity for desktop and mobile applications.

Read More

HTML5 text editor

Squire provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible.

Read More

JavaScript library to make your 3 dimensional data speak up

heatmap.js JavaScript library will help you make your 3 dimensional data speak up. Open Source Heat Map Visualization Library.

Read More

Build Desktop Applications with AppJs

Using appjs you can build desktop applications for Linux, Windows and Mac using HTML, CSS and Javascript. app js is simple and powerfull and it support all coding platform and dont need to worry about the compatability issues.

Read More

Web Terminal Emulator and SSH Client : Gate One

Gate One is a web-based Terminal Emulator and SSH client that brings the power of the command line to the web. Gate One requires no browser plugins and is built on top of a powerful plugin system that allows every aspect of its appearance and functionality to be customized.

Read More

JavaScript wiki

JavaScript wiki focuses mainly on JS/HTML5/WebGL related resources. Top resources and libraries available for JavaScript. Beginners resources also available.

Read More Demo

HTML5 audio and video players

HTML5 audio and video player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers. HTML5 audio and video players in pure HTML and CSS. It Supports all browsers.

Read More

Simple HTML5 media player

Developers needed a lightweight, accessible and customisable media player that just supports modern browsers. Here is a solution for your mediaplayer needs.

Read More Demo

html5demos showing capability of HTML5 apps.

Collection of hacks and demos showing capability of HTML5 apps

Read More Demo

Page flip effect for HTML5

Add beautiful transition similar to real pages in a book or magazine using Turn.js plugin for jQuery . Turn.js works in all modern browsers including touch devices. It will be a rare experience for user.

Read More Demo

Work easier with the HTML5 canvas element

The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

Read More Demo

Generate PDF files using JavaScript

Generate PDF files using JavaScript. A HTML5 client-side solution for generating PDFs in javascript. Perfect for event tickets, reports, certificates.

Read More Demo

Open source vector graphics scripting framework : Paperjs

Paper.js runs on top of the HTML5 Canvas

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. Paperjs offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Read More Demo

JavaScript library for create HTML time sheets

HTML5 & CSS3 time sheets

JavaScript library for create Simple HTML time sheets.

Read More Demo

Java game development framework

libGDX

OpenGL (ES) based cross platform java game development framework. libGDX works on windows, Linux, Mac OS X, Android WebGL enabled browser and iOS.

Read More Demo

Phaser : 2D game framework

phaser Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Read More Demo

Advanced HTML5 mobile development framework

ionicframework an Advanced HTML5 mobile development framework and SDK. Build incredible hybrid apps with latest web technologies you already know and love to use. ionicframework is friendly with AngularJS.

Read More Demo

Build HTML5 website with html5-boilerplate

Build HTML5 website with html5-boilerplate. Html5-boilerplate a professional front-end template helps you to building fast, robust, and adaptable web applications or html5 websites.

Read More

HTML linter for Bootstrap projects

bootlint HTML linter for bootstrap

Bootlint is a tool that checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly “vanilla” way. Here you can check html linter for bootstrap

Read More

iOS Project bootstrap

Aimed at high quality coding

iOS project bootstrap aimed at high quality coding.

Read More

Bootstrap Calendar widget

bootstrap-calendar

Free Bootstrap Calendar widget

Bootstrap Calendar widget with Full view calendar, month, week and day views based on templates with Twitter Bootstrap.

Read More Demo

Twitter bootstrap multiselect plugin with jQuery

bootstrap-multiselect

Bootstrap Multiselect plugin

Bootstrap Multiselect plugin is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown w dropdown menu containing the single options as checkboxes.

Read More Demo

Date and Time picker widget based on twitter bootstrap

/bootstrap-datetimepicker/

free Date and Time picker widget

Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)

Read More Demo

Bootstrap Application Wizard

Bootstrap Application Wizard.

Read More

Mobile angular UI Framework with Bootstrap 3

Angular.js Mobile UI Framework with Bootstrap 3
mobileangularui

Mobile Angular UI is an HTML5 mobile UI framework that will let you use Angular Js and Bootstrap 3 for mobile app development.

Read More Demo

Jasny Bootstrap : Extension of the famous Bootstrap

jasny-bootstrap

Jasny Bootstrap is an extension of the famous Bootstrap, adding the following components.

Read More Demo

Laravel 4 Bootstrap Starter Site

Bootstrap Starter Site

Laravel 4 Starter Site is a basic blog application using several nice community packages.

Read More Demo

Best jquery form validation Plugin

validate-forms

jquery form validation

The best @jquery plugin to validate form fields. Designed to use with Bootstrap + Zurb Foundation + Pure + Semantic UI + UIKit + Your own frameworks. Star it. Try it. Buy it πŸ™‚

Read More Demo

JavaScript notification for Bootstrap

JavaScript notification

JavaScript notifications for Bootstrap, jQuery UI, and the Web Notifications Draft.

Read More Demo

Weather themed Bootstrap icons

Bootstrap Icons

Bootstrap Icons

189 weather themed icons inspired by Font Awesome and ready for Bootstrap .

Read More Demo

Bootstrap 3 components built with React

Bootstrap 3 components

Bootstrap 3 components

Bootstrap 3 components built with React .

Read More Demo

The Quickest Way to Blog on GitHub Pages

Blog on GitHub Pages

Blog on GitHub Pages

The quickest way to start and publish your Jekyll powered blog. 100% compatible with GitHub pages.

Read More Demo

Uptime : Remote monitoring application

Monitoring application using Node.js, MongoDB, and Twitter Bootstrap

A remote monitoring application using Node.js, MongoDB, and Twitter Bootstrap.

Read More Demo