WebAppers

/ best free open source web resources /

Graphic Resources

Timedropper – New jQuery UI TimePicker Plugin

Posted · Category: Calendar, MIT License

Timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker. You can set time in 12-hour clock in which the 24 hours of the day are divided into two periods. You can also enables time change using mousewheel. Animation Style to use when init timedropper. There are three available animation values: fadeIn(default), dropDown.

jquery-timer

Requirements: jQuery Framework
Demo: http://felicegattuso.com/projects/timedropper/
License: MIT License

Create a Responsive jQuery Slider with Turnable.js

Posted · Category: Gallery, License Free

Turntable.js is a responsive JQuery slider that will let you rotate through a list of images as your mouse (or finger) sweeps across a container. Think of it like a flipbook made with Javascript, instead of paper. All you need is a set of images, and jQuery. It’s a fresh alternative to the typical ‘click-to-slide’ JQuery gallery.

turnable-js

Requirements: –
Demo: http://polarnotion.github.io/turntable/
License: License Free

OkayNav jQuery – Progressively Collapsing Navigation Links

Posted · Category: Menu, MIT License

You know how navigations have only a desktop and a mobile state, right? Vergil Penkov thought, “this might cost people money because it requires additional click for users to reach even the most important pages.” OkayNav jQuery Plugin aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time. It is released under MIT License.

demo

Requirements: –
Demo: https://github.com/VPenkov/okayNav
License: MIT License

Protip – jQuery Tooltip Plugin for Any Situation

Posted · Category: MIT License, Tooltips

Protip is yet another jQuery tooltip plugin for any situation. It’s not so lightweight but it doesn’t intends to be. We needed a solution which can fit into every scenario we face with. It supports 49 position, Live refresh of tooltip options, Live element checking, Gravity, DOM targets, Placements, Click activated and sticky tooltips, Custom HTML content, Interactive tooltips, In/Out delays, Auto-hide, Icon support, Skins, sizes, schemes, Animations support, Mixins, Custom event callbacks and UMD Support.

protip

Requirements: jQuery Framekwork
Demo: http://protip.rocks/
License: MIT License

Horizontal Timeline Powered by CSS and jQuery

Posted · Category: Calendar, License Free

Vertical timeline is so far one of the most popular resources on CodyHouse. Many people have asked them to include a Horizontal Timeline as well. Here it is! Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. They decided to separate timeline and events, with the first one working like a slider, while the second one occupying the full width and showing a single event at a time.

About the timeline: the position of each date along the timeline is set using jQuery. Dates are not equally distributed along the timeline, but the distance between a date and the next one is proportional to the difference between these dates.

horizontal-timeline

Requirements: jQuery Framework
Demo: https://codyhouse.co/demo/horizontal-timeline/index.html
License: License Free

jQuery.my – Complex Two-Way Data Binding in Real Time

Posted · Category: Framework, License Free

jQuery.my is a lightweight jQuery plugin for complex two-way data binding in real time. It’s a plugin for real time two-way data binding. It mutates object given as data source, reflecting interactions between user and UI. jQuery.my recognizes both standard HTML controls and complex composites created using rich ui plugins. Controls built with jQuery UI, Select2, CodeMirror, Ace, Redactor, CLeditor, jQuery Mobile are supported out of the box.

jQuery.my provides comprehensive validation, conditional formatting, complex dependencies, runtime form structure manipulation. $.my forms can run nested, each jQuery.my instance can be a composite control for parent form. Syntax of $.my manifest is very simple, lean and unobtrusive. There exist specialized in-browser IDE for $.my apps authoring. This IDE is a built-in component of cloudwall.me system.

jquerymy

Requirements: jQuery Framework
Demo: http://jquerymy.com/
License: License Free

Stretchy Navigation in CSS and jQuery

Posted · Category: License Free, Menu

Would you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. The HTML structure is pretty basic: a div is used to wrap an unordered list (containing the navigation items) and an trigger (for the menu icon). An additional span element is used to create the stretchy background.

menu

Requirements: –
Demo: https://codyhouse.co/demo/stretchy-navigation/index.html
License: License Free

Simple to Use jQuery Plugin to Animate SVG Paths

Posted · Category: Icons, MIT License

jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free!

jquery-draw

Requirements: jQuery Framework
Demo: http://lcdsantos.github.io/jquery-drawsvg/
License: MIT License

Cropper – A Simple jQuery Image Cropping Plugin

Posted · Category: Capture, MIT License

Cropper is a simple jQuery image cropping plugin. It supports options, methods, events, touch (mobile), zoom, rotation, scale (flip), canvas, multiple croppers and Cross-browsers. The outputted cropped data bases on the original image size, so you can use them to crop the image directly. If you try to start cropper on a cross-origin image, please make sure that your browser supports HTML5 CORS settings attributes, and your image server supports the Access-Control-Allow-Origin option. It has been tested on Chrome, Firefox, Internet Explorer 8+,Opera, Safari.

cropper

Requirements: jQuery Framework
Demo: http://fengyuanchen.github.io/cropper/
License: MIT License

Chocolat.js – jQuery Responsive Lightbox Plugin

Posted · Category: CC License, Gallery

Chocolat.js enables you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails. The viewer may appears full-page or in a block. Chocolat comes with an API and multiples CSS classes which make it very handy to use for advanced users, and very easy to use for newbies. Chocolat works well with all major browser. It has been tested on : IE7+, firefox, chrome, opera, safari.

chocolat-js

Requirements: JavaScript Framework
Demo: http://chocolat.insipi.de/
License: Creative Commons 2.0 License

Page 1 of 67123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons