Display

• Process bar
  • Pace - Automatic page load progress bar
  • countUp.js - Animates a numerical value by counting to it
  • drop.js - A library for creating dropdowns and other floating elements
• Sticky/Fixed position
  • jQuery-Plugins.net
  • StickyjS
  • jQuery-Stickem - Make items sticky as you scroll, to a point
  • Sticky-Kit
  • stickUp
  • hcsticky | Demo - Cross-browser jQuery plugin that makes any element attached to the page and always visible
  • jQuery.stickOnScroll
  • ScrollToFixed - This plugin is used to fix elements on the page (top, bottom, anywhere); however, it still allows the element to continue to move left or right with the horizontal scroll.
• Chart
  • mermaid - Generation of diagram and flowchart from text in a similar manner as markdown
  • exceljs - Excel Workbook Manager
• Scroll
  • Power steering for your scroll wheel
  • Midnight.js - Midnight.js lets you switch fixed headers on the fly
• HubSpot Dev & Design

  Tooltip

• JS Libraries
  • qTip2 - second generation of the advanced qTip plugin for the ever popular
  • tipso - A Lightweight Responsive jQuery Tooltip Plugin
  • tooltipster | Demo - A jQuery tooltip plugin
  • Simpletooltip - Simpletooltip is a JQuery plugin, thought to insert short tooltips to any element of your website more easily
  • stackbox | Docs - Stackbox is a jQuery plugin for creating stackable modal boxes

    Message

• JS Libraries
  • Noty
  • iGrowl | Docs
  • bootstrap-growl - Turns standard Bootstrap alerts into "Growl-like" notifications
  • UIkit.notify
  • notifyMe - fixed notifications in pages
  • Laravel notifications / messages
  • messenger - Growl-style alerts and messages for your app. #hubspot-open-source
  • vex | Docs - Dialogs for the 21st century
  • sweetalert | Demo - A beautiful replacement for JavaScript's "alert"
  • jQuery Prompt21 - A minimalist jQuery prompt plugin for the 21st Century
  • notie.js - A clean and simple notification plugin (alert/growl style) for javascript, with no dependencies

    Step

• JS Libraries
  • jQuery Steps
  • Shepherd - Guide your users through a tour of your app
  • intro.js | Demo - A better way for new feature introduction and step-by-step users guide for your website and project.

    Layout

• JS Libraries

  Menu

• JS Libraries
  • Slideout.js - A touch slideout navigation menu for your mobile web apps

    Tabs

• JS Libraries
  • ion.tabs | Demo - jQuery tabs plugin
  • Easy-Responsive-Tabs-to-Accordion - Easy responsive tabs - is a lightweight jQuery plugin which optimizes normal horizontal or vertical tabs to accordion on multi devices like: web, tablets, Mobile (IPad & IPhone). This plugin adapts the screen size and changes its action accordingly
  • tabulous.js - A jQuery tabs module for todays web!

    Dialog

• Tutorial
  • Position A jQuery UI Dialog Window

    Modal

• JS Libraries
  • Bootstrap-Modal | Docs - Responsive, Stackable, AJAX and more
  • bootstrap3-dialog | Demo - Make use of Twitter Bootstrap's modal more monkey-friendly
  • remodal - Flat, responsive, lightweight, easy customizable modal window jquery plugin with declarative state notation and hash tracking
  • Bootbox.js - Small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers
  • Stackbox.js - Stackbox is a jQuery plugin for creating stackable modal boxes. It's easy to customize using CSS / LESS
  • Morphing Modal Window
  • Magnific-Popup | Demo - Light and responsive lightbox script with focus on performance
  • NyroModal v2
  • jquery-modal - the simplest modal you ever did see
  • Zebra_Dialog | Docs - A lightweight dialog box jQuery plugin
• Tutorial
  • How to Build a Modal Contact Form in Twitter Bootstrap with PHP + AJAX
  • jQuery AJAX form submit using twitter bootstrap modal
  • How to Implement a jQuery AJAX Login Form into a Modal Box

    Collapse

• JS Libraries
  • jQuery-Collapse | Demo - A lightweight (~1kb) jQuery plugin that enables expanding and collapsing content
  • Collapsible | Demo - Manage multiple collapsibles with cookie support

    Fonts

• Fonts
  • UTM Avo web font
  • Everything Fonts
  • Material Design Iconic Font
• Tutorial
  • Using @font-face

    Hover Effects

• JS Libraries
  • Hover.css - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
  • ihover - iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass
  • Animsition - A simple and easy jQuery plugin for CSS animated page transitions
  • Waves - Click effect inspired by Google's Material Design
  • Interdimensional - This is an interesting library which allows you to scroll a web page by tilting your smartphone

    Scroll to top

• JS Libraries
  • Elevator.js - Elevator.js fixes those awkward "scroll to top" moments the old fashioned way
  • scrollUp

    Loading Overlay

• JS Libraries
  • Material Design Preloader - A jQuery plugin that recreates the Material Design preloader
  • fakeLoader.js - fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect
  • jQuery LoadingOverlay - A flexible loading overlay jQuery Plugin