Plugins

• Landing Page
• Notification
• File Upload
• Text Effect
• CSS
• PostCSS
• Page Automation / Web Scraper
• Image Effects / Gallery / Lightbox Effects
• Image Hover Effects
• Spinners / Loaders
• Lazy Loading
• Scroll
• IM
• WYSIWYG Text Editor and Text Transformation
• Animation
• Color filters
• Popup message
• Drag and Drop
• Dropdown
• Charts
• Rating
• User Input and Keyboard Events
• Others

Landing Page

• BIDEO.JS: A JS library that makes it super easy to add fullscreen background videos.
• Vidage: Your solution to full-screen background video & image combined.

Notification

• favico.js: Browser Icon Tab Notification
• bounce.bar: Topbar Notification
• push.js: A compact, cross-browser solution for using the JavaScript Notifications API

File Upload

• uppy: The next open source file uploader for web browsers

Text Effect

• BackgroundCheck: Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
• Text expander

CSS

• Stylelint: Modern CSS Linter
• doiuse: Lint CSS for browser support against caniuse database
• Immutable CSS: Avoid styles to be overrided
• CSS Stats
• Expressive CSS
• ress: A modern CSS reset
• css-flags: Flags of the world with only one div

PostCSS

• Assets
• https://css-tricks.com/images-in-postcss/

Page Automation / Web Scraper

• Jam API: allows you to turn any site into a JSON accessible api using CSS selectors
• Capture and Inspect HTTP Request
• https://github.com/octalmage/robotjs
• https://github.com/ruipgil/scraperjs
• https://github.com/cheeriojs/cheerio

Image Effects / Gallery / Lightbox Effects

• lightgallery.jsFull featured javascript lightbox gallery, No dependencies.
• Image server toolkit in Go
• Image Slider
• Click to expand
• Full Screen Previous / Next
• Croppers
• Zoom and switch
• chocolat.js: enables you to display one or several images staying on the same page.

Image Hover Effects

• Hover Gallery: click the link on the desired image hover effect to view the html and css code you can copy to use the effect
• imagehover.css: Pure CSS Image Hover Effect Library

Spinners / Loaders

• CSS only
  • https://connoratherton.com/loaders
  • http://codepen.io/mrrocks/pen/EiplA
• Top progress bar
  • http://ricostacruz.com/nprogress/
• Various type
  • http://github.hubspot.com/pace/docs/welcome/
  • Pace
• Wireframe loading shimmer effect
  • http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

Lazy Loading

• http://callmecavs.com/layzr.js/
• https://github.com/verlok/lazyload
• http://ivopetkov.github.io/responsivelyLazy/

Scroll

• ScrollReveal: Easy scroll animations for web and mobile browsers.
• Smooth Scroll
• Jump.js
• ScrollTrigger: Triggers classes on html elements based on the scroll position.

IM

• Chat with Website Visitors using Facebook Messenger

WYSIWYG Text Editor and Text Transformation

• Medium
• Draft.js
• http://quilljs.com/
• Slugifies every string, even when it contains unicode
• Simple HTML sanitizer
• monaco-editor: A browser based code editor

Animation

• anime: Javascript Animation Engine
• Text Animation
• CSS Animation Cheatsheet
• Hover Gif Image to trigger Gif animation
• JavaScript implementation of Web Animation API
• move.js: CSS3 backed JavaScript animation framework
• AniCollection
• Dynamics.js: JavaScript library to create physics-based animations
• barba.js: Create badass, fluid and smooth transition between your website's pages
• repaintless: Library for fast CSS Animations

Color filters

• http://www.cssfilters.co/
• http://lukyvj.github.io/colofilter.css/
• http://specro.github.io/Philter/

Popup message

• http://catc.github.io/simple-hint/

Drag and Drop

• https://github.com/bevacqua/dragula

Dropdown

• miss-plete: Auto complete Dropdown
• Algolia Places: Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website.

Charts

• http://www.chartjs.org/
• http://echarts.baidu.com/
• Statpedia: Create and Embed
• MapHub: Create interactive maps
• flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram
• js-sequence-diagrams: Draws simple SVG sequence diagrams from textual representation of the diagram

Rating

• starability: Accessible rating forms with cute animations on top.

User Input and Keyboard Events

• Right click context menu
• HumanInput: A JavaScript library for handling keyboard shortcuts and other human-generated events

Others

• Add Event to Calendar
• Beautiful Js replacement of alert
• Show alternative content when offline
• flag-icon-css: A collection of all country flags in SVG — plus the CSS for easier integration
• Progress Tracker: A flexible SASS component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.