Amazing effects by rendering HTML CSS in WebGL

HTML GL solves “the slow DOM problem” by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Read More DemoRead More

Screenshots with JavaScript

This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on […]Read More

Excel-like spreadsheet for apps

JavaScript component with blazing fast engine Handsontable is a data grid component with an Excel-like appearance. Built in JavaScript, it integrates with any data source with peak efficiency. Read More DemoRead More

List.js : javascript Plugin

The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. Read More DemoRead More

gridstack.js:widget layout jQuery plugin

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js and touch devices. Read More DemoRead More

Date range picker component for Bootstrap

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Read More DemoRead More

Mention functionality for bootstrap

Lightweight (min: 1.92kb, full: 4.07kb) wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin. This enables you to have Twitter-like user mentions in textareas Read More DemoRead More

Bootstrap-maxlength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text. Uses the HTML5 attribute “maxlength” to work. Read More DemoRead More

Library for adding declarative ajax functionality to your website

No more writing the same 20 line $.ajax blocks of Javascript over and over again for each snippet of AJAX that you want to support. Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called “html” that is the rendered content. Unlike […]Read More

Bootstrap Combobox

We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it’s styling based on Twitter’s Bootstrap, so building on that made sense. Read More DemoRead More

Contextual Menus with Twitters Bootstrap

Context.js is a lightweight solution for contextual menus. Currently, there are two versions. The first is to be used with Twitters Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it’s base styles. Read More DemoRead More

Bootstrap Pagy jquery plugin simplifies Bootstrap Pagination component

Bootstrap Pagy is a jQuery plugin that simplifies the use of the Bootstrap Pagination component. Features Custom previous and next button Custom first and last button Custom inner window size (default 2) Custom outer window size (default 0) Set current page and total pages programmatically Code under Apache License Only depends on jQuery (for Javascript) […]Read More

Bootstrap Color Picker Sliders

A Bootstrap 3 optimized advanced responsive color selector with color swatches and support for human perceived lightness. Works in all modern browsers and on touch devices. Read More DemoRead More

jQuery Pagination plugin

The jQuery plugin simplifies the use of bootstrap Pagintion . It uses appropriate classes : .pagination ( you change it ) , and .active .disabled . Check out the demo . Read More DemoRead More

Progressbar interactions for twitter bootstrap

Bootstrap – progress bar is a jQuery plugin that the basic twitter – Bootstrap extends progressbar . It offers the possibility of the progress bar by adding Javascript in combination animate with the existing CSS transitions . In addition, you can view the current progress information in the bar graph or the value received via […]Read More

Bootstrap Filestyle : jquery based plugin

The bootstrap file style is a plugin for jQuery -based component library could Twitter Bootstrap , used to style the file fields of forms . This plugin has an interesting way to present a form for sending files as attractive as they easily and efficiently . Read More DemoRead More

jQuery drag and drop HTML builder for Bootstrap

jQuery Drag & Drop HTML Builder – compile Bootstrap based HTML and JS . Builder extract required JS code ( about 0 % – 15 % ) of themselves and provide it with resulting HTML to initialize a third party JS libraries on the front end to allow . Generated HTML contains ” data ” […]Read More

Fullscreen select for mobile devices : Bootstrap

A custom fullscreen select / multiselect for Bootstrap using BUTTONS or User defined elements, designed for mobile devices. Often UI developers may need to trigger the select via a custom element, That is fullfilled using the data-triggerOn attribute. and access the custom element from the mobileSelect’s callback functions. mobileSelect makes it easy for mobile users […]Read More

Simple search interface experiment using Bootstrap responsive techniques

Tunes API search using jQuery + jPlayer + Bootstrap.Simple search interface experiment using Bootstrap responsive techniques.Allows user to input a search term which is executed against the public iTunes Store API.Results are faded in using jQueryUI delay and fadeTo methods. Songs can be previewed by hovering over album artwork, and clicking the jPlayer Circle Player. […]Read More

CSS3 animations with HTML5 data-attributes

Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes. Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element Read More DemoRead More

Pure CSS loading animations with Loaders.css

CSS loading animations A collection of loading animations written entirely in css. Each animation is limited to a small subset of css properties in order to avoid expensive painting and layout calculations. Read More DemoRead More

Responsive menu with transitions

A responsive menu with transitions and fallback support for older browsers. This menu works sliding down the content with a background mask that adjusts to screen height. Read More DemoRead More