Sunday, November 02, 2014

...JQuery - Javascript


  1. Currency - Numbers
  2. Forms
  3. Text
  4. Tooltip
  5. Maps
  6. Images and Graphics
  7. Scrolling
  8. Date - Time
  9. Layout
  10. Misc

Currency - Numbers

  • accounting.js: number, money and currency formatting, with optional excel-style column rendering (to line up symbols and decimals).
  • money.js: currency conversion library.
  • money.js: a javascript library for formatting and manipulating numbers.


  • Avgrund Modal: modal boxes and popups.
  • Complexify: accurately gauge the quality of a user's password to give them visual feedback and to enforce a minimum level of security.
  • ddSlick: custom drop-down with images and description.
  • dropzone: drag'n'drop file uploads with image previews.
  • Fancy Select: better select for discerning web developers everywhere and it is easy to use.
  • FieldChooser: drag & drop items between 2 lists with multiselect.
  • Form Accordion: hides and reveals related form fields conditionally.
  • jQuery Credit Card Validator: detects and validates credit card numbers.
  • mailcheck: email domain spelling suggester.
  • optionTree: dynamically create select elements with hierarchical options.
  • prettyCheckable: replaces the default checkboxes and radio inputs for better looking ones.
  • Sisyphus.js: auto-save user's input in your forms with HTML5 and Sisyphus.js.
  • TextExt: provides functionality such as tag input and autocomplete.
  • validate.js: form validation library.



  • notifIt: plugin to show notifications of everything you want and when you want, simply and quickly.
  • PageGuide: interactive visual guide to elements on web pages.
  • PowerTip: creates hover tooltips.
  • Tip Cards: create a layout of cards with a card-like interaction.
  • Tipped


  • gmaps.js: uses the potential of Google Maps in a simple way.
  • Leaflet: mobile-friendly interactive maps.

Images and Graphics

  • Bonsai: JavaScript graphics library.
    Bonsai's main features include:
    1. Architecturally separated runner and renderer
    2. iFrame, Worker and Node running contexts
    3. Paths
    4. Assets (Videos, Images, Fonts, SubMovies)
    5. Keyframe and time based animations (easing functions too)
    6. Path morphing
    and much more...
  • Circles: javaScript library for circular graphs.
  • flipLightBox: responsive lightbox jQuery plugin.
  • Mike's Modal Library: Facebook like photo library written to support photos and comments on an individual photo.
  • neatShow.js: jQuery plugin to fade in images beautifully.
  • RefineSlide: for displaying responsive, image-based content.
  • retina.js: makes it easy to serve high-resolution images to devices with retina displays.
  • Rickshaw: for creating interactive time series graphs.
  • Supersized: fullscreen background slideshow.
  • svgeezy: detects SVG images on your website, and automatically "looks" for a standard image fallback for those older, less capable browsers.
  • Swish jQuery Zoom Hover Effect Plugin


  • Adaptor: content slider.
  • Basic jQuery Slider
  • Bootslider: jQuery responsive Bootstrap CSS3 slider.
  • FerroSlider: responsive and customizable.
  • fullPage.js: fullscreen scrolling.
  • Jarallax: makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website.
  • jQslid: parallel sliding for both content and the navigation.
  • jQuery.panelSnap: provides snapping functionality to a set of panels within your interface.
  • Juicy Slider: responsive slider/slideshow.
  • Kwicks: sliding panels with an emphasis on navigational interaction.
  • Parallax: turns nodes into absolutely positioned layers that move in response to the mouse.
  • ScrollMagic: jQuery plugin which essentially lets you use the scrollbar like a progress bar.
  • Scrollr: parallax scrolling library with zero dependencies.
  • SimpleSlideView: simplest sliding views.
  • Stroll: CSS3 scroll effects.

Date - Time


  • DaisyNav: responsive dropdown navigation.
  • Fixed Nav: responsive, fixed and touch friendly one page navigation with animated scrolling.
  • Headroom.js: hide your header until you need it.
  • jPanelMenu: creates a paneled-style menu.
  • Masonry: dynamic grid layout.
  • Meny: a three dimensional and space efficient menu.
  • stickyNavbar.js: fancy sticky navigation with smart anchor links highlighting


  • Ajax File Uploader with Drag & Drop: jQuery plugin to drag and drop files, including ajax upload and progress bar.
  • Android Dock
  • Aware.js: allows a site to customize and personalize the display of content based on a reader's behavior without requiring login, authentication, or any server-side processing.
  • Covering-Bad: jQuery plugin for covering an item by another item.
  • Creative PlayerNew!
    auto create playlist from folder(s) of mp3 files and more.
  • Javascript Libraries
  • Flip: flips your elements in four directions.
  • Fokus: emphasizes anything you select by covering the rest of the page with semi-transparent black.
  • GoJS: diagramming software for HTML5 Canvas and JavaScript.
  • Handsontable: excel-like table editor in HTML & jQuery.
  • Menutron: transforms your navigation menus from a list to a select menu when resizing your browser.
  • Mousetrap.js: make tabular data responsive.
  • Olly.js: JavaScript library to convert URLs into embedable HTML.
  • Responsive Tables: setup keyboard shortcuts for your web applications.
  • Roundabout: convert unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.
  • screenfull: simple wrapper for cross-browser usage of the JavaScript Fullscreen API.
  • Shadow Animation: extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.
  • Shadow Plugin
  • Share-Button: a simple, light & flexible sharing button.
  • Sharrre: simulate all the major social networks share buttons but will separate up the button into different HTML elements to make it easier to style.
  • SheetClip: copy/paste from your HTML5 web app to a spreadsheet.
  • Shine.js: dynamic light positions.
  • Shuffle: categorize, sort and filter a responsive grid of items.
  • Summernote: helps you to create WYSIWYG Editor on web.
  • Timeline: beautifully crafted timelines that are easy, and intuitive to use.
  • TogetherJS: free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website.
  • tram.js: cross browser CSS3 transitions in JavaScript.
  • Transit: super-smooth CSS3 transformations and transitions for jQuery.
  • Treeview: transformation of an unordered list into an expandable and collapsable tree.
  • Turn.js: flip book with HTML5.
  • Unheap: a tidy repository of jQuery plugins.
  • WebcamSwiper: an experiment/hack using getUserMedia to watch for swipes left and right with a hand.
  • xcolor: manipulates colors in all imaginable combinations.
  • xgui: gui stuff to try and make js experimentation a bit easier.