A drop in extension replacing error labels from jQuery Validation plugin with Bootstrap tooltips.
Impulse is a library for building dynamic physics based interactions, with a focus on mobile web.
Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.
Yhere are some examples of this library such as Chat Heads, pulldownMenu, Inertia Scroll, Oridomi Cover, Bouncy Scrolling.
Chartist.js is a simple responsive charting library built with SVG.
Features:
sweep.js is a small JavaScript library that enables proper color transitions through the HSL and HUSL spaces. Ordinary CSS transitions or some frameworks convert HSL colors to RGB before transitioning. sweep.js addresses this by letting you transition through the color spectrum.
Drawer is a jQuery plugin for displaying the drawer menu using CSS animations in the event of a trigger. Setting the position can be selected either the right or left. And also supports Responsive design
Timesheet.js is a javascript library for simple HTML5 & CSS3 time sheets.
You can visualize your data and events with sexy HTML5 and CSS3 with few lines JavaScript.
Meny is a three dimensional and space effecient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices.
Ladda is a javascript library to create buttons with built-in loading indicators , effectively bridging the gap between action and feedback.
Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.
Ladda can be use with both jQuery and javascript.
Animsition is a simple and easy jQuery plugin used to add page transition on css animations.
Hammer.js is a open-source javascript library that can recognize gestures made by touch, mouse and pointerEvents. It doesn't have any dependencies, and it's lightweight.
Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black.
The library is lightweight around 3kb and works in most modern browsers except IE and touch devices.
Kontext is a context-shift transition inspired by iOS. It's created using JavaScript, CSS 3D transforms and CSS Animations.
Swipe-li is a three pane swipeable element. Swipe right for accept, swipe left for reject.
Chaffle is a jquery plug-in that allows you to shuffle randomly character.
QueryBuilder can be used on advanced search engine pages, administration backends, etc. to build complex queries or filters. It is highly customisable and can be used with many jQuery widgets like autocompleters and sliders.
It outputs a structured JSON of rules which can be easily parsed to create SQL/NoSQL/whatever queries. It can also directly create a SQL WHERE statement.
Valideasy is a jQuery plugin that you can use in form validation without writing complex JS script. Everything's done via HTML attributes added to your form fields.
Title.js is a javascript library for browser title bar manipulation with no dependency. Here are usage examples: Add Prefix, Add Suffix, Change Predefined Title, Marquee Effect, TypeWriter Effect.
jQuery.twinkle is a jQuery plugin to get the user's attention to special parts of your website with different effects and options.
jQThumb is a jQuery plugin to create thumbnails from images proportionally and also an alternative for background-size in older browsers. It even works on IE6 from jQuery V1.3 and above.
jQuery Serialize Object converts HTML form into JavaScript object.
Adds the method serializeObject
to jQuery, to perform complex form serialization into JavaScript objects.
jQuery.qrcode is a jQuery plugin that enables you to dynamically add QR codes to your website. Choose between rendering the code in a canvas
or with divs
. The latter will be fine even for older browser. The generated QR code will be in the least possible version requiered to encode the content (least number of blocks).
jQuery.fracs is a jQuert plugin that determines some fractions for an HTML element (visible fraction, fraction of the viewport, etc.) and also provides the coordinates of these areas.
jQuery Subscribe Better is a plugin to create a better, highly customizable subscription modal or newsletter signup.
a11yTree is a very lightweight and uninvasive jQuery plugin that transforms an HTML tree of nested unorded lists into an expanding and collapsing tree that's universally accessible.
way.js is a simple, lightweight, persistent, framework-agnostic javascript library that allows you to bind DOM elements to an in-memory datastore.
Wodry.js is a simple jQuery plugin for a text flipping/rotating. Wodry.js allow you to set animation from animations collection, set your own callback on content flipping, etc.
Rippler is an effect that spreads like a wave in touch or click. You can also use the buttons on the Bootstrap.
jQuery.sheet is an easy to use easy to integrate JavaScript & php excel like spreadsheet plugin for the web browser. It provides the same layer of business intelligence found in a standard desktop spreadsheet, but on your browser.
jQuery.sheet manages the sheet creation, viewing, and editing processes using simple html tables and html5 components to provide stabilizability even in older web browsers. jQuery.sheet can even be used like a datagrid, without formulas.
heatmap.js is a javascript library for HTML5 canvas based heatmaps. It's lightweight and most advanced heatmap visualization library on the web.
Block Scroll is a jQuery plugin that turns a set of <div>
elements into a blocks and displays them one screen at a time. The idea is to break up your page into chunks for better presentation and user-flow. Block Scroll automatically turns your page responsive.
AnySearch.js is a jQuery plugin to direct search in browser with barcode scanner support.
Features
Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.
Imagefit is a simple, lightweight jQuery plugin to make images fit anywhere and anyway.
e-calendar is a jQuery plugin for creating a calendar with events. It's so easy to use.
Flapper is a jQuery plugin that replicates the split-flap (or "Solari") displays that used to be common in train stations and airports, and your dad's alarm clock in the 70s.
To use, just attach Flapper to any input on your page. Whenever the input's change
event is fired, Flapper will update the display.
Bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable tree control.
Also includes support for checkboxes (including 'indeterminate' state) and for populating the tree using a JSON data source.
A tutorial about reading files line by line in browser using the HTML5 FileReader API and javascript.
Simplax is a simple way to create a parallax background effect with few line javascript in your site.
Animated css boxes are can be used for multiple purposes, for example notifications, beauty and general use. There are six different animations used with great care in order to maintain awesome interface.
Letter Drop is a jQuery plugin for letter drop animation effect. The plugin takes the text string within the defined element and splits each letter out adding a random delay to each from 1.0 to 1.9 secs before dropping and rotating the letters down like rain.
mailcheck is a javascript library and jQuery plugin that suggests a right domain when your users misspell it in an email address.
When your user types in "user@hotnail.con", Mailcheck will suggest "user@hotmail.com".
Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.
Blast's uses include typographic animation, juxtaposition, styling, search, and analysis.
A tutorial about how to add an animations to your One Page Scroll plugin projects.
Here are some animations that used on this tutorial
A JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing
ajaxComboBox is a jQuery plugin for creating a text box it can "autocomplete" and "pulldown select".
Plottable.js is a library for easily creating flexible, interactive, and performant charts for the web. It is built on top of D3 and provides higher-level pieces, like plots, gridlines, and axes. As such, it's easier to quickly build charts.
A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.
It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.
Rollerblade lets you easily create interactive 360º image rotators, and other cool image effects.
baguetteBox.js is a simple and easy to use lightbox script in pure JavaScript.
Features
fblogin is a jQuery plugin to easily log in with Facebook with a single call.
Simple Sidebar is a jQuery plugin that you can choose to use the right-sidebar or the left-sidebar and switch from one to the other in just one type.
Autocomplete Table is a jQuery plugin that provides suggestions from a multi-column table in a dropdown list while the visitors type into the input field.