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
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
- Top progress bar
- Various type
- Wireframe loading shimmer effect
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
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
Popup message
Drag and Drop
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.