cdleon/ui-components

UI Components

CSS

• Animations & Effects

  • Animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing. https://daneden.github.io/animate.css/
  • css-camera - New way to see a web page with CSS3 3D transform. https://woodneck.github.io/css-camera/
  • CSSFX - Beautifully simple click-to-copy CSS effects. https://cssfx.netlify.dev
  • Hamburgers - Tasty CSS-animated Hamburgers. https://jonsuh.com/hamburgers
  • Hover - 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. http://ianlunn.github.io/Hover/
  • iHover - iHover is a collection of hover effects using pure CSS, powered by Sass. http://gudh.github.io/ihover/dist/index.html
  • imagehover.css - Pure CSS Image Hover Effect Library http://imagehover.io
  • magic - CSS3 Animations with special effects. https://www.minimamente.com/project/magic/
  • starwarsintro.css - A CSS Library for the Star Wars Intro Crawl . https://polarnotion.github.io/starwarsintro/

• Button groups

  • Social Buttons For Bootsrap - Social Sign-In Buttons for Bootstrap. https://lipis.github.io/bootstrap-social/
  • Zocial CSS Social Buttons - Zocial button set with CSS. Entirely vector-based social buttons. http://zocial.smcllns.com/

• Browser Support

  • HTML5 Shiv - The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x. http://www.paulirish.com/2011/the-history-of-the-html5-shiv/

• Placeholders

  • Mocka - Simple, elegant content placeholder https://chalarangelo.github.io/mocka

• Cross Browser Rendering & Consistency

  • Normalize.css - Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. http://necolas.github.io/normalize.css/

• Forms

• wtf-forms.css - Friendlier HTML form controls with a little CSS magic. http://wtfforms.com

• Graphics & Animations

  • Asorted CSS Experiments - Assorted CSS and UI experiments. http://hakim.se/

• Image Sliders

  • Pure CSS Slider - Pure CSS slider. http://codepen.io/drygiel/pen/rtpnE

• Loaders

  • CSS Loaders - This is a collection of loading spinners animated with CSS. http://projects.lukehaas.me/css-loaders/
  • CSS Spinners - Simple CSS spinners and throbbers made with CSS and minimal HTML markup. https://github.com/jlong/css-spinners
  • Css-spinners - Simple CSS spinners and throbbers made with CSS and minimal HTML markup. https://github.com/jlong/css-spinners
  • Loaders.css - Delightful, performance-focused pure css loading animations. https://github.com/ConnorAtherton/loaders.css
  • Spinkit - A collection of loading indicators animated with CSS. http://tobiasahlin.com/spinkit/

• Modal

  • CSS Modal - A modal built out of pure CSS. http://drublic.github.io/css-modal/

• Plots & Charts

  • CSS Plots - Pure CSS charts. https://asciimoo.github.io/cssplot/

• Pointers & Tooltips

  • Balloon.css - Simple tooltips made of pure CSS https://kazzkiq.github.io/balloon.css/
  • Hint.css - A CSS only tooltip library for your lovely websites. http://kushagragour.in/lab/hint/

• Text Effects

  • Animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing. https://daneden.github.io/animate.css/

• Various

  • Cody House 🌈 - A free library of HTML, CSS, JS nuggets. https://codyhouse.co/
  • Pure CSS Components - A set of common UI Components using the power of CSS and without Javascript. http://www.felipefialho.com/css-components/

JQuery

• Background & Background effects

  • Backstretch - Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes. http://srobbin.com/jquery-plugins/backstretch/
  • JQuery.Bgwitcher - Switch the background-image with using effect. http://rewish.github.io/jquery-bgswitcher/
  • Supersized - Full screen background slideshow plugin for jQuery. http://www.buildinternet.com/project/supersized/
  • Tubular - Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. http://www.seanmccambridge.com/tubular/

• Calendars & Date Pickers

  • Booking.js - Make a beautiful embeddable booking widget in minutes http://booking.timekit.io
  • Pickadate - The mobile-friendly, responsive, and lightweight jQuery date & time input picker. http://amsul.ca/pickadate.js/

• Data Processing & Visualization

  • Flot - Attractive JavaScript charts for jQuery. http://www.flotcharts.org/
  • JQuery Sparklines - This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. http://omnipotent.net/jquery.sparkline/
  • MetricsGraphics.js - A library optimized for concise and principled data graphics and layouts. http://metricsgraphicsjs.org
  • Peity.js - Progressive pie, donut, bar and line charts. http://benpickles.github.io/peity/

• Dialogs & Alerts

  • Alertify - JavaScript Alert/Notification System. http://fabien-d.github.io/alertify.js/
  • Avgrund - Avgrund is a jQuery plugin with new modal concept for popups. http://labs.voronianski.com/jquery.avgrund.js/

• File Upload

  • jQuery File Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. https://blueimp.github.io/jQuery-File-Upload/

• Forms & Input

  • Chosen - Chosen is a library for making long, unwieldy select boxes more friendly. https://github.com/harvesthq/chosen
  • Fancy Input - Makes typing in input fields fun with CSS3 effects. http://yaireo.github.io/fancyInput/
  • iCheck - Highly customizable checkboxes and radio buttons. http://icheck.fronteed.com/
  • jQuery Knobs - Nice, downward compatible, touchable, jQuery dial. http://anthonyterrien.com/knob/
  • Parsley - Validate your forms, frontend, without writing a single line of javascript. http://parsleyjs.org/
  • Select2 - Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. https://select2.org/
  • Tag-it - A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete. http://aehlke.github.io/tag-it/
  • Typehead - Typeahead.js is a fast and fully-featured autocomplete library. http://twitter.github.io/typeahead.js/

• Grids

  • Freetile - Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. https://github.com/yconst/Freetile
  • Freewall - Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet. https://kombai.github.io/freewall/
  • Gridster.js - Gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns. https://github.com/ducksboard/gridster.js
  • Stalactite - Stalactite is a jQuery plugin that packs child elements together. http://jonobr1.github.io/stalactite/

• Image & Content Sliders

  • Light Slider - JQuery lightSlider is a lightweight responsive Content slider with carousel thumbnails navigation http://sachinchoolur.github.io/lightslider/
  • Nivo Slider - The Most Awesome jQuery Image Slider. https://dev7studios.com/products/nivo-slider-wordpress-plugin/
  • Slides Js - Slides is a crazy simple slideshow plugin for jQuery. http://slidesjs.com/
  • Swipe - Swipe is the most accurate touch slider. https://github.com/thebird/Swipe
  • RTP SLider - A flexible slider plugin. Fluid, touch-compatible and extendable. http://rtp-ch.github.io/slider/

• Image Manipulation & Effects

  • Adipoli - jQuery Image Hover Plugin from cube3x. https://github.com/cube3x/Adipoli
  • CamanJS - Javascript HTML5 (Ca)nvas (Man)ipulation. http://camanjs.com/
  • iPicture - Tooltip your images. https://github.com/vincicat/jQuery-iPicture
  • Jcrop - Image Cropping Plugin for jQuery. http://deepliquid.com/content/Jcrop.html
  • Spritley - jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. http://spritely.net/
  • Swipebox - A touchable jQuery lightbox. http://brutaldesign.github.io/swipebox/
  • ThreeSixty - A jQuery plugin for generating a draggable 360 preview from an image sequence. http://nick-jonas.github.io/threesixtyjs/
  • TiltShift.js - A jQuery plugin using CSS3 filters to replicate the tilt shift effect. http://www.noeltock.com/tilt-shift-css3-jquery-plugin/
  • Zoom.js - Medium's Image Zoom for jQuery. https://fat.github.io/zoom.js/

• Menus & Navigation

  • okayNav - The world's okayest responsive navigation. http://codepen.io/VPenkov/pen/wMZBOg

• Modal

  • FancyBox 🌈 - Tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. http://fancyapps.com/fancybox/
  • Magnificent Popup - Light and responsive lightbox script with focus on performance. http://dimsemenov.com/plugins/magnific-popup/

• Polyfills

  • Rangeslider.js - HTML5 input range slider element polyfill. http://rangeslider.js.org

• Pointers & Tooltips

  • Toolbar - A tooltip style toolbar jQuery plugin. http://paulkinzett.github.io/toolbar/
  • Tooltipster - A jQuery tooltip plugin. http://iamceege.github.io/tooltipster/

• Pull to Refresh

  • Hook - Pull to refresh for the web. https://github.com/jordansinger/Hook

• Printing

  • PDFMake - Client/server side PDF printing in pure JavaScript. http://pdfmake.org/

• Progress & Loading Bars

  • Loading Bar - Add a Youtube-like loading bar to all your ajax links. http://www.thepetedesign.com/demos/youtube_loadingbar_demo.html
  • PercentageLoader - jQuery plugin for displaying an animated percentage loader. http://widgets.better2web.com/loader/

• Range Sliders

  • jQuery Vertical Slider - Drag a handle to select a numeric value. http://jqueryui.com/slider/
  • Rangeslider.js - HTML5 input range slider element polyfill. http://rangeslider.js.org

• Scrollbars

  • Malihu Custom Scrollbar - Highly customizable custom scrollbar jQuery plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support etc. http://manos.malihu.gr/jquery-custom-content-scroller/
  • nanoScroller.js - A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars. http://jamesflorentino.github.io/nanoScrollerJS/

• Scrolling & Parallax

  • Cool Kitten - A parallax scrolling responsive framework. https://github.com/jalxob/cool-kitten
  • Fullpage.js - Create full screen pages fast and simple. http://alvarotrigo.com/fullPage/
  • jQuery.parallax - jQuery plugin for creating interactive parallax effect. http://stephen.band/jparallax/
  • One Page Scroll - Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin. http://www.thepetedesign.com/demos/onepage_scroll_demo.html
  • Plax - JQuery powered parallaxing. http://cameronmcefee.com/blog/plax
  • Scroll Path - A plugin for defining custom scroll paths. http://joelb.me/scrollpath/
  • Stellar.js - Parallax scrolling made easy. http://markdalgleish.com/projects/stellar.js/
  • Sticky - Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. http://stickyjs.com/
  • Superscrollorama - The original jQuery plugin for supercool scroll animation. NOTE: No longer under active development. New version is ScrollMagic.js. http://johnpolacek.github.io/superscrollorama/
  • JQuery Tilted Page Scroll - Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin. http://www.thepetedesign.com/demos/tiltedpage_scroll_demo.html
  • Windows - A handy, loosely-coupled jQuery plugin for full-screen scrolling windows. http://nick-jonas.github.io/windows/

• Security

  • Complexify - Complexify helps you to accurately gauge the quality of a user's password to give them visual feedback, and to enforce a minimum level of security. https://github.com/danpalmer/jquery.complexify.js/

• Social Media

  • Social Feed - A jQuery plugin that shows a user feed from the most popular social networks. http://pavelk2.github.io/social-feed/
  • Spectagram - A jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define. http://spectragram.js.org/

• State Management

  • pjax - pushState + ajax = pjax http://pjax.herokuapp.com/

• Text Effects

  • Arctext.js - While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius. http://tympanus.net/Development/Arctext/
  • Bacon - Allows you to align text to a bezier curve or a line. http://baconforme.com/
  • FitText - A jQuery plugin for inflating web type. http://fittextjs.com/
  • JQuery Shuffle Letters - A JQuery plugin that shuffles the text content of an element. http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/
  • Lettering.js - A lightweight, easy to use Javascript <span> injector for radical Web Typography. http://letteringjs.com/
  • Marklib (highlighting) - A simple and fast zero-dependencies-library to transform text-selections into serializable markings. http://bowlingx.github.io/marklib/
  • Midnight - A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. http://aerolab.github.io/midnight.js/
  • Textillate.js - Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. http://textillate.js.org/

• Typing

  • Long Press - jQuery plugin to ease the writing of accented or rare characters. http://toki-woki.net/lab/long-press/

• WYSIWYG, Text Editors & Misc Editors

• Markdownify - The simplest markdown editor with built in cloudinary image upload. http://tibastral.github.io/markdownify/

JS

• Accesibility

  • darkmodejs - Utility package for managing Dark Mode on the web https://darkmodejs-demo.netlify.com/
  • Tota11y - an accessibility (a11y) visualization toolkit. http://khan.github.io/tota11y/

• Animation & Graphics

  • Algorithm Visualizer - Algorithm Visualizer http://algo-visualizer.jasonpark.me
  • Anime.js - JavaScript animation engine https://animejs.com
  • AniX - Super easy and lightweight(<3kb) JavaScript animation library https://a-jie.github.io/AniX/
  • brusher - Create beautiful webpage backgrounds http://kamranahmed.info/brusher
  • CamanJS - Javascript HTML5 (Ca)nvas (Man)ipulation http://camanjs.com
  • Cirque - Utilities for negotiating between circles and polygons in SVG. http://projects.two-n.com/cirque
  • d3.geo2rect - Morphing geojson polygons into rectangles. http://prjcts.sebastianmeier.eu/geo2rect/example/index_de.html
  • d3-interpolate-path - Interpolates path d attribute smoothly when A and B have different number of points. https://peterbeshai.com/d3-interpolate-path/
  • driver.js - A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page. http://kamranahmed.info/driver.js
  • dynamics.js - Javascript library to create physics-based animations http://dynamicsjs.com
  • Flubber - Tools for smoother shape animations. https://veltman.github.io/flubber/demos/circles.html
  • Freezeframe.js - freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions. https://ctrl-freaks.github.io/freezeframe.js/
  • GSAP - GreenSock's GSAP JavaScript animation library (including Draggable). https://greensock.com
  • GreenSock MorphSVGPlugin 💰 - MorphSVGPlugin provides advanced control over tweens that morph SVG paths. https://greensock.com/morphSVG
  • HTML5 Deck of Cards - HTML5 Deck of Cards https://deck-of-cards.js.org
  • Layer Visualizer - A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows). https://cdn.rawgit.com/romannurik/LayerVisualizer/d3691d20005ba8a86494a1419d5187f5edf8af0d/examples.html
  • Lax.js - Simple & light weight (3kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
  • micron.js - A [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power. https://webkul.github.io/micron/
  • Mojs - Motion graphics toolbelt for the web. http://mojs.io/
  • OGL - Minimal WebGL framework. https://oframe.github.io/ogl/examples
  • Particles.js - A lightweight JavaScript library for creating particles. https://vincentgarreau.com/particles.js/
  • p5.js - p5.js is a JS client-side library for creating graphic and interactive experiences, based on the core principles of Processing. http://p5js.org/
  • Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. http://phaser.io/
  • Pixi.js - Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback. http://www.goodboydigital.com/pixijs/examples/15/indexAll.html
  • Planck.js - 2D JavaScript Physics Engine [http://piqnt.com/planck.js/]](http://piqnt.com/planck.js/)
  • Popmotion - A 12kb Javascript motion engine. Use for animation, physics and input tracking. https://popmotion.io/
  • Raphael.js - JavaScript Vector Library. https://github.com/DmitryBaranovskiy/raphael/
  • Rough.js - Create graphics with a hand-drawn, sketchy, appearance http://roughjs.com
  • Rythm.js - A javascript library that makes your page dance. https://okazari.github.io/Rythm.js/
  • Scene.js - Scene.js is JavaScript & CSS timeline-based animation library. https://daybrush.com/scenejs
  • Shiny - Shiny reflections for mobile websites https://pqina.nl/shiny/
  • spacekit - Javascript library for 3D space visualizations. https://www.spacereference.org/solar-system#ob=2001-einstein-1973-eb,7672-hawking-1995-uo2,2709-sagan-1982-fh
  • Texgen.js - Procedural Texture Generator. http://texgenjs.org/
  • Textures.js - Textures.js is a JavaScript library for creating SVG patterns. http://riccardoscalco.github.io/textures/
  • Trianglify - Algorithmically generated triangle art. http://qrohlf.com/trianglify/
  • TWGL - A Tiny WebGL helper Library. http://twgljs.org
  • Velociy - Accelerated JavaScript animation. http://velocityjs.org/
  • Vivus.js (SVG-animations) - JavaScript library to make drawing animation on SVG. http://maxwellito.github.io/vivus/
  • WebGL Fluid Simulation - Play with fluids in your browser (works even on mobile). https://paveldogreat.github.io/WebGL-Fluid-Simulation/
  • WebGLStudio.js - A full 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more. http://webglstudio.org/
  • Wilderness - An SVG animation API https://wilderness.now.sh
  • Zdog - Flat, round, designer-friendly pseudo-3D engine for canvas & SVG. https://zzz.dog

• Alerts, Modals & Notifications

  • CSS Modals - A modal built with pure CSS, enhanced with JavaScript https://drublic.github.io/css-modal
  • iNotify - JS achieve the browser title flashing , scrolling, voice prompts , browser notice. https://git.io/iNotify
  • jsModal - Modal generator in pure JavaScript. - An open-source modal box engine written in pure JavaScript. http://jsmodal.com/
  • Modal - An accessible dialog window library for all humans. http://humaan.com/modaal/
  • Notiejs - A clean and simple notification plugin (alert/growl style) for javascript, with no dependencies. https://jaredreich.com/notie
  • Notification Logger - Desktop notification for your console Logs. https://hkirat.github.io/notification-logger/
  • Popbox.js - A tiny and simple stackable modal plugin for web apps . https://oncebot.github.io/popbox.js/
  • SweetAlert - A beautiful replacement for JavaScript's "alert". https://sweetalert.js.org

• AR

  • AR.js - Efficient Augmented Reality for the Web - 60fps on mobile. https://github.com/jeromeetienne/AR.js

• Automation & Scraping

• Browser Detect

  • UAParser.js - UAParser.js - JavaScript library to detect browser, engine, OS, CPU, and device type/model from userAgent string. Supports browser & node.js environment. Also available as jQuery/Zepto plugin, Bower/Meteor package, RequireJS/AMD module, & CLI tool. http://faisalman.github.io/ua-parser-js

• Calendars & Date Pickers

  • DatePickr - A simple JavaScript date picker. http://joshsalverda.github.io/datepickr/
  • Flatpickr - Lightweight, powerful datetimepicker. Zero dependencies. https://chmln.github.io/flatpickr/
  • FullCalendar - Full-sized drag & drop event calendar. https://fullcalendar.io/
  • FullCalendar Scheduler - FullCalendar add-on for displaying events and resources. https://fullcalendar.io/scheduler/
  • Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS. http://dbushell.github.io/Pikaday/
  • Rome - Customizable date (and time) picker. Opt-in UI, no jQuery! https://bevacqua.github.io/rome/
  • Toast.ui Calendar - A JavaScript calendar that everything you need. http://ui.toast.com/tui-calendar

• Caching & Offline First

  • UpUp - UpUp is a tiny javascript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea. https://www.talater.com/upup/

• Chat & Messaging

  • Lets-chat - Self-hosted chat app for small teams. http://sdelements.github.io/lets-chat/

• Colors

  • CSS Colorguard - Keep a watchful eye on your css colors. https://github.com/SlexAxton/css-colorguard

• Compression

  • zstd-codec - Zstandard codec for Node.js and Web, powered by Emscripten.

• Computation

  • Rematrix - Matrix transformations made easy. https://rematrix.now.sh/

• Computer Vision

  • OCR - Neural network OCR. https://github.com/mateogianolio/ocr
  • Pico.js - A face detection library in 200 lines of JavaScript. https://tkv.io/posts/picojs-intro/
  • Tesseract.js - Pure Javascript OCR for 62 Languages. http://tesseract.projectnaptha.com/
  • Tracking.js - A modern approach for Computer Vision on the web. https://trackingjs.com/

• Cut & Paste

  • Clipboard.js - Modern copy to clipboard. No Flash. Just 2kb. https://clipboardjs.com/

• Databases & Persistent layers

  • Basil.js - The missing Javascript smart persistent layer. http://wisembly.github.io/basil.js/
  • Franchise - A notebook sql client. what you get when have a lot of sequels. https://franchise.cloud
  • Gun - A realtime, decentralized, offline-first, graph database engine. http://gun.js.org/
  • localForage - Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API. https://localforage.github.io/localForage/
  • Lovefield (browser-database) - Lovefield is a relational database for web apps. Written in JavaScript, works cross-browser. Provides SQL-like APIs that are fast, safe, and easy to use. https://google.github.io/lovefield/
  • RxDB - A realtime Database for JavaScript Applications https://rxdb.info/

• Data Binding

  • Way.js - Simple, lightweight, persistent two-way databinding. http://gwendall.github.io/way/

• Data Processing & Visualization

  • Apexcharts.js - Interactive and Modern SVG Charts https://apexcharts.com
  • Britecharts - Client-side reusable Charting Library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations. http://eventbrite.github.io/britecharts/
  • C3 - A D3-based reusable chart library. http://c3js.org/
  • Clusterize.js - Tiny vanilla JS plugin to display large data sets easily. https://clusterize.js.org/
  • Chart.js - Simple HTML5 Charts using the <canvas> tag. http://www.chartjs.org/
  • Collect.js - Convenient and dependency free wrapper for working with arrays and objects. https://npmjs.com/collect.js
  • D3 - A JavaScript visualization library for HTML and SVG. https://d3js.org/
  • D3.Compose - Compose complex, data-driven visualizations from reusable charts and components with d3. http://csnw.github.io/d3.compose/
  • D3-Shape - Graphical primitives for visualization, such as lines and areas. https://tonicdev.com/npm/d3-shape
  • ECharts - A powerful, interactive charting and visualization library for browser. http://echarts.baidu.com/
  • F2 - An elegant, interactive and flexible charting library for mobile. https://antv.alipay.com/zh-cn/f2/3.x/index.html
  • Flowchart.js - Draws simple SVG flow chart diagrams from textual representation of the diagram. http://flowchart.js.org/
  • Frappé Charts - Simple, responsive, modern SVG Charts with zero dependencies. https://frappe.github.io/charts
  • G2 - G2 (The Grammar of Graphics). https://antv.alipay.com/zh-cn/g2/3.x/index.html
  • g6 - A Graph Visualization Framework in JavaScript. https://antv.alipay.com/zh-cn/g6/1.x/index.html
  • graph-scroll.js - Simple scrolling events for d3 graphs. Based on stack. https://github.com/1wheel/graph-scroll
  • Heatmap.js - JavaScript Library for HTML5 canvas based heatmaps. https://www.patrick-wied.at/static/heatmapjs/
  • Highcharts 🌈 - Add interactive charts to your web site or web application. http://www.highcharts.com/
  • Infogr.am 💰 - Charts & Infographics the Easy Way. https://infogr.am/
  • MetricsGraphics.js - A library optimized for concise, principled data graphics and layouts. http://metricsgraphicsjs.org/
  • Morris.js - Pretty time-series line graphs. http://morrisjs.github.io/morris.js/
  • Plottable.js - A library of modular chart components built on D3. http://plottablejs.org/
  • Plotly.js 🌈 - Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps. https://plot.ly/javascript/
  • Raphael.js - JavaScript Vector Library. https://github.com/DmitryBaranovskiy/raphael
  • SandDance - Visually explore, understand, and present your data. https://sanddance.js.org/
  • Sigma.js - Sigma is a JavaScript library dedicated to graph drawing. http://sigmajs.org/
  • Taucharts - D3 based data-focused charting library. Designed with passion. Flexible. https://www.taucharts.com/
  • Textures.js - Textures.js is a JavaScript library for creating SVG patterns. http://riccardoscalco.github.io/textures/
  • Timesheets.js - JavaScript library for HTML5 & CSS3 time sheets. https://sbstjn.com/timesheet.js/
  • Vis.js - Dynamic, browser-based visualization library. http://visjs.org/
  • WebCola - Javascript constraint-based graph layout. http://marvl.infotech.monash.edu/webcola/

• DateTime

  • date-fns - Modern JavaScript date utility library. https://date-fns.org/
  • Day.js - Fast 2KB immutable date library alternative to Moment.js with the same modern API. https://github.com/xx45/dayjs
  • Luxon - A library for working with dates and times in JS https://moment.github.io/luxon
  • Moment.js - Parse, validate, manipulate, and display dates in javascript. http://momentjs.com

• Documents

  • jsPDF - Client-side JavaScript PDF generation for everyone. https://parall.ax/products/jspdf
  • ReLaXed - Create PDF documents using web technologies. https://camo.githubusercontent.com/be077d7379399961977b45a802b675f5c18f170a/68747470733a2f2f692e696d6775722e636f6d2f344e34665359592e676966
  • Strapdown.js - Instant and elegant Markdown documents in the browser. http://strapdownjs.com

• Drag & Drop

  • Draggable - The JavaScript Drag & Drop library your grandparents warned you about. https://shopify.github.io/draggable/
  • Layout Grid - Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile. http://clippings.github.io/layout-grid/
  • Dragula - Drag and drop so simple it hurts. https://bevacqua.github.io/dragula/
  • Grid - Drag and drop library for two-dimensional, resizable and responsive lists. http://hootsuite.github.io/grid/
  • Interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+). http://interactjs.io/
  • Moveable - Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable! https://daybrush.com/moveable/
  • Sortable - Sortable — is a minimalist JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer and any CSS library, e.g. Bootstrap. http://rubaxa.github.io/Sortable/

• Design Tools

  • Coolhue - Coolest Gradient Hues and Swatches by UVdesk https://webkul.github.io/coolhue

• Docs & Office

  • SheetJS js-xlsx - SheetJS Community Edition -- Spreadsheet Parser and Writer [https://sheetjs.com/](https://sheetjs.com
  • x-spreadsheet - A web-based JavaScript（canvas）spreadsheet https://myliang.github.io/x-spreadsheet

• File Upload

  • FileDrop - Self-contained cross-browser pure JavaScript class for Drag & Drop and AJAX (multi) file upload. http://filedropjs.org/
  • FileSaver.js - An HTML5 saveAs() FileSaver implementation. https://eligrey.com/blog/saving-generated-files-on-the-client-side/
  • Plupload - Plupload is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight. http://www.plupload.com/
  • Simple Ajax Uploader - Javascript plugin for cross-browser Ajax file uploading with progress bar support. Works in all major browsers, including IE7+, Chrome, Firefox, Safari, and Opera. No dependencies - use it with or without jQuery. https://www.lpology.com/code/ajaxuploader/
  • Valum's File Uploader - Multiple file upload plugin for HTML forms. User-friendly progress-bar + uploads via drag-and-drop. Coded in Javascript + AJAX, not Flash. Server-side PHP, Java, & ColdFusion examples included. http://valums-file-uploader.github.io/file-uploader/
  • Uppy - The next open source file uploader for web browsers. https://uppy.io

• Forms & Input

  • autoComplete - An extremely lightweight and powerful vanilla JavaScript completion suggester. https://goodies.pixabay.com/javascript/auto-complete/demo.html
  • Awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies. http://leaverou.github.io/awesomplete/
  • Cleave.js - Format input text content when you are typing. https://nosir.github.io/cleave.js/
  • Countable - Add live paragraph-, word- and character-counting to an HTML element. https://sacha.me/Countable/
  • Floating Label - A floating label plugin written in vanilla javascript. https://datuhealth.github.io/floating-label/
  • Horsey - Progressive and customizable autocomplete component. https://bevacqua.github.io/horsey/
  • HTML Form Persistence - A simple JavaScript library for preserving HTML form data across multiple sessions.
  • List.js - The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. http://www.listjs.com/examples/existing-list
  • Multi.js - A user-friendly replacement for select boxes with multiple attribute enabled http://fabianlindfors.se/multijs
  • Places - Turn any into an address autocomplete. https://community.algolia.com/places/
  • Selected.js - A simple, dependency free <select> replacement http://fizzadar.com/selected.js/
  • Stretchy - Form element autosizing, the way it should be. http://leaverou.github.io/stretchy/
  • SurveyJS - JavaScript Survey and Form Library. https://surveyjs.io/Library
  • Taggle - Form-ready dependency-less tagging. https://sean.is/poppin/tags

• Gaming & Game Development

  • HTML5 Deck of Cards - HTML5 Deck of Cards https://deck-of-cards.js.org
  • Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. http://phaser.io/
  • Pokémon Showdown - Pokémon battle simulator. http://pokemonshowdown.com
  • Warrior.js - An exciting game of programming and Artificial Intelligence. https://warrior.js.org

• Grid

  • Bricks.js - A blazing fast masonry layout generator for fixed width elements. http://callmecavs.com/bricks.js/
  • Isotope - Filter & sort magical layouts https://isotope.metafizzy.co
  • Muuri - Responsive, sortable, filterable and draggable grid layouts http://haltu.github.io/muuri/
  • Layout Grid - Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile. http://clippings.github.io/layout-grid/
  • Magic Grid - A simple, lightweight Javascript library for dynamic grid layouts. https://www.npmjs.com/package/magic-grid
  • Right Height - Dynamically set content areas of different lengths to the same height. http://cferdinandi.github.io/right-height/

• HTTP Clients

  • r2 - HTTP client. Spiritual successor to request. https://github.com/mikeal/r2

• Image & Content Sliders

  • Flickity 🌈 - Touch, responsive, flickable galleries. http://flickity.metafizzy.co/
  • Jssor - Bootstrap Javascript jQuery Carousel/Slider/Slideshow/Gallery/Banner Responsive Image. http://jssor.com/
  • Lory - Touch enabled minimalistic slider written in vanilla JavaScript. http://meandmax.github.io/lory/
  • PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent. http://photoswipe.com/
  • Raphael.js - JavaScript Vector Library. https://github.com/DmitryBaranovskiy/raphael/
  • Slick - The last carousel you'll ever need. http://kenwheeler.github.io/slick/
  • Scooch - A mobile-first JavaScript-driven content and image carousel. http://mobify.github.io/scooch/
  • Springy - A force directed graph layout algorithm in JavaScript. http://getspringy.com/
  • Swiper - Most modern mobile touch slider with hardware accelerated transitions. http://idangero.us/swiper/

• Image Manipulation

  • Aviary - A complete set of photo editing tools comes standard in Aviary’s cross-platform SDK. Select the tools that are best for your app, or use them all. https://developers.aviary.com/
  • Image Crop Component - Pure JavaScript Image Crop Component. http://dev.vizuina.com/cropper/
  • Nude.js (nudity-detection) - Nudity detection with JavaScript and HTMLCanvas. https://www.patrick-wied.at/static/nudejs/
  • JS Paint - Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras http://1j01.github.io/jspaint/
  • Smartcrop.js - Smartcrop.js implements an algorithm to find good crops for images. https://29a.ch/2014/04/03/smartcrop-content-aware-image-cropping
  • SVG Edit - Powerful SVG-Editor on your browser. https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html
  • Vivid.js - A JavaScript library which is built to easily customize and use the SVG Icons with a blaze. https://webkul.github.io/vivid
  • Watermark.js - Watermarking for the browser. http://brianium.github.io/watermarkjs/

• Internationalization

  • fbt - A JavaScript Internationalization Framework. https://facebookincubator.github.io/fbt

• Key Bindings & Mouse Events

  • Keys.js - Easy keybindings for browser applications! http://bitwalker.org/keys.js/
  • Hotkeys - A robust Javascript library for capturing keyboard input. It has no dependencies. https://git.io/hotkeys.js
  • Mousetrap - Simple library for handling keyboard shortcuts in Javascript. https://craig.is/killing/mice
  • Simple Hotkeys - Simple hotkeys. https://github.com/mycolorway/simple-hotkeys

• LazyLoaders

  • Blazy - Hey, be lazy! bLazy.JS is a lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+. http://dinbror.dk/blazy/
  • Echo.js - Lazy-loading images with data-* attributes. https://toddmotto.com/labs/echo/
  • Layzr.js - A small, fast, modern, and dependency-free library for lazy loading. http://callmecavs.com/layzr.js/
  • LazyLoad - Lazyload images, iframes, widgets with a standalone JavaScript lazyloader. https://vvo.github.io/lazyload/
  • lazysizes - High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
  • Lozad.js - Highly performant, light ~0.5kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more. https://apoorv.pro/lozad.js/demo/
  • Responsively Lazy - Lazy load responsive images. https://ivopetkov.com/b/lazy-load-responsive-images/
  • Yall.js - A fast, flexible, and small SEO-friendly lazy loader.

• Libraries

  • Cody House 🌈 - A free library of HTML, CSS, and JS nuggets. https://codyhouse.co/

• Loaders

  • Spin.js - A spinning activity indicator. http://spin.js.org/

• Machine Learning

  • brain.js - Neural networks in JavaScript https://brain.js.org

• Maps

  • Aeris.js - A javscript library for maps and weather. http://demo.aerisjs.com/amd/index.html
  • Gmaps - The easiest way to use Google Maps. http://hpneo.github.io/gmaps/
  • ngraph.path - Path finding in a graph. https://anvaka.github.io/ngraph.path.demo/#?graph=amsterdam-roads
  • Turf - A modular geospatial engine written in JavaScript. http://turfjs.org/

• Media Queries

  • Enquire.js - Enquire.js is a lightweight, pure javascript library (with no dependencies) for programmatically responding to media queries. http://wicky.nillia.ms/enquire.js/

• Media Players & Media Manipulators

  • Audio.js - A cross-browser javascript wrapper for the html5 audio tag. https://kolber.github.io/audiojs/
  • Canvid.js - tiny js library for playing video on canvas elements (without audio). https://gka.github.io/canvid/
  • Clappr - An extensible media player for the web. (http://clappr.io)[http://clappr.io/](http://clappr.io/)
  • clappr-rtmp-plugin - RTMP support for Clappr player. (http://clappr.io)[http://clappr.io)
  • Dash.js - A reference client implementation for the playback of MPEG DASH via Javascript and compliant browsers. http://reference.dashif.org/dash.js/nightly/samples/dash-if-reference-player/index.html
  • Flowplayer - The HTML5 video player for the web. https://flowplayer.org/
  • Hls.js - JavaScript HLS client using Media Source Extension http://video-dev.github.io/hls.js/demo
  • Howler.js - Javascript audio library for the modern web. https://howlerjs.com
  • flashls - HLS Flash Plugin/Player (Chromeless,OSMF,FlowPlayer,mediaelement.js,video.js,Clappr) http://www.flashls.org
  • generative.fm - A platform for playing generative music in the browser. https://generative.fm
  • Grind Player - OSMF + Flex based flash video player, which provides most needed functionality in nowadays http://osmfhls.kutu.ru/docs/grind/
  • JWPlayer & 💰 - The most-used and fastest loading video player on the web, our signature product enables online publishers to deliver and monetize video across all devices in any browser. https://www.jwplayer.com/
  • Media Element - HTML5 <audio/> or <video/> player with Flash and Silverlight shims that mimics the HTML5 MediaElement API, enabling a consistent UI in all browsers. http://mediaelementjs.com/
  • Peaks.js - JavaScript UI component for interacting with audio waveforms https://waveform.prototyping.bbc.co.uk
  • Plyr - A simple HTML5 media player. https://plyr.io/
  • Shaka Player - JavaScript player library / DASH client / MSE-EME player. https://shaka-player-demo.appspot.com/demo/#build=uncompiled
  • Streama - It's like Netflix, but self-hosted! http://dularion.github.io/streama/
  • Wad - Web Audio DAW. Use the Web Audio API for dynamic sound synthesis. It's like jQuery for your ears.
  • Wavesurfer.js - Navigable waveform built on Web Audio and Canvas. https://wavesurfer-js.org
  • Webamp - A reimplementation of Winamp 2.9 in HTML5 and Javascript. https://webamp.org
  • Winamp2-js - A reimplementation of Winamp 2.9 in HTML5 and Javascript. https://jordaneldredge.com/projects/winamp2-js/

• Menus & Navigation

  • Intro.js - A better way for new feature introduction and step-by-step users guide for your website and project. http://introjs.com
  • Slideout.js (For-Mobile) - A touch slideout navigation menu for your mobile web apps. https://mango.github.io/slideout/

• Music

  • Beeplay.js - Write A Song In JavaScript. http://watilde.github.io/beeplay/

• Natural Language Processing

  • Compromise - Modest natural-language processing in javascript. http://compromise.cool

• Prefetch

  • quicklink - Faster subsequent page-loads by prefetching in-viewport links during idle time.

• Presentations

  • Reveal.js - The HTML Presentation Framework http://lab.hakim.se/reveal-js
  • Reveal.js-plugins - Plugins for reveal.js. https://github.com/rajgoel/reveal.js-plugins

• Printing

  • Print.js - A tiny javascript library to help printing from the web. http://printjs.crabbly.com/

• Pointers & Tooltips

  • Focusable - Set a spotlight focus on DOM element adding a overlay layer to the rest of the page. http://zzarcon.github.io/focusable/
  • Popper.js - A kickass library to manage your poppers https://popper.js.org
  • Opentip - Opentip is an open source javascript tooltip based on the protoype framework. http://www.opentip.org/
  • Tether - A positioning engine to make overlays, tooltips and dropdowns better. http://tether.io/docs/welcome/

• Polyfills

  • Fd-slider - An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution. https://github.com/freqdec/fd-slider
  • Respond.js - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more). https://scottjehl.github.io/Respond/test/test.html

• Progress & Loading Bars

  • NProgress - For slim progress bars like on YouTube, Medium, etc. http://ricostacruz.com/nprogress/
  • Pace - Automatically add a progress bar to your site. http://github.hubspot.com/pace/docs/welcome/
  • Progressbar.js - Responsive and slick progress bars. https://kimmobrunfeldt.github.io/progressbar.js/

• Range Sliders

  • rangeslider.js - HTML5 input range slider element polyfill. http://rangeslider.js.org/

• Randomizers and ID generators

  • Randexp.js - Create random strings that match a given regular expression. http://fent.github.io/randexp.js/
  • Nanoid - A tiny (176 bytes), secure, URL-friendly, unique string ID generator for JavaScript. https://github.com/ai/nanoid
  • The Gambler's Fallacy Dice - A terrible idea, now real. https://xori.github.io/gamblers-dice

• Routing & Browse History

  • History.js - History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. http://browserstate.github.io/history.js/demo/

• Screen Recording

  • rrweb - Record and replay the web. https://www.rrweb.io/

• Scroll Bars

  • Tiny Scrollbar - A lightweight cross browser javascript scrollbar. http://baijs.com/tinyscrollbar/

• Scrolling & Parallax

  • Aos - Animate on scroll library. http://michalsnik.github.io/aos/
  • Elevator.js - Finally, a "back to top" button that behaves like a real elevator. http://tholman.com/elevator.js/
  • Fancy Scroll - Add Overflow Scroll Effect like on iOS/Android but for your website. http://www.thepetedesign.com/demos/fancy_scroll_demo.html
  • Headroom.js - Give your pages some headroom. Hide your header until you need it. http://wicky.nillia.ms/headroom.js/
  • Infinte List (Mobile-only) - Infinite list in javascript that scrolls in 60fps. http://roeierez.github.io/infinite-list/examples/react/index.html
  • iScroll - Smooth scrolling for the web. http://iscrolljs.com/
  • Sal - Performance focused, lightweight scroll animation library. https://mciastek.github.io/sal/
  • Parallax.js - Parallax Engine that reacts to the orientation of a smart device. https://github.com/wagerfield/parallax
  • PullToRefresh.js - A quick and powerful plugin for your pull-to-refresh needs in your webapp. http://boxfactura.com/pulltorefresh.js/
  • Sal.js - Performance focused, lightweight scroll animation library. https://mciastek.github.io/sal/
  • Scrollama.js - Scrollytelling with IntersectionObserver. https://russellgoldenberg.github.io/scrollama/basic/
  • Scrollerjs - A JavaScript library that helps you build performant UI components for the web. http://scrollerjs.com/
  • ScrollMagic - The javascript library for magical scroll interactions. http://scrollmagic.io/
  • Scroll Menu - A new interface to replace your old boring scrollbar. http://ignitersworld.com/lab/scrollmenu/
  • ScrollMonitor - A simple and fast API to monitor elements as you scroll. http://stutrek.github.io/scrollMonitor/demos/scoreboard.html
  • simpleParallax - Simple and tiny JavaScript library which adds parallax animations on any images https://simpleparallax.com
  • Skrollr - Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love). http://prinzhorn.github.io/skrollr/
  • Stack.js - A presentation library with intuitive, scroll-based navigation. https://mbostock.github.io/stack/

• Search

  • Flexsearch.js - Next-Generation full text search library for Browser and Node.js. https://raw.githack.com/nextapps-de/flexsearch/master/demo/autocomplete.html
  • Fuse.js - Lightweight fuzzy-search, in JavaScript. http://fusejs.io/
  • Holmes - Fast and easy searching inside a page. https://haroen.me/holmes/
  • Wade - Blazing fast 1kb search. https://github.com/kbrsh/wade

• Selection Processing & Effects

  • Rangy - A cross-browser JavaScript range and selection library. https://lezuse.github.io/rangy/demos/core.html

• Security

  • StatiCrypt - Password protect a static HTML page. https://robinmoisson.github.io/staticrypt/
  • XSS'OR - XSS'OR Hack with JavaScript. http://xssor.io/

• Social

  • Zuck.js - A javascript library that lets you add stories EVERYWHERE. https://ramon.codes/projects/zuck.js

• State & Store Management

  • Alt - Isomorphic flux implementation. http://alt.js.org/
  • Redux - Predictable state container for JavaScript apps. http://redux.js.org/
  • Redux Offline - Build Offline-First Apps for Web and React Native. https://github.com/redux-offline/redux-offline/blob/develop/docs/README.md
  • Redux Offline - Build Offline-First Apps for Web and React Native. https://github.com/redux-offline-team/redux-offline

• Streaming

  • Nile.js - Scalable peer to peer live video streaming built on torrents and webRTC https://nilejs.com

• Text Effects & Text Manipulation

  • bullshit.js - A bookmarklet for translating marketing speak into human-readable text. 💩 https://mourner.github.io/bullshit.js/
  • Iconate (icon-effects) - Transform your icons with trendy animations. https://bitshadow.github.io/iconate/
  • Knwl.js (date-parser) - Find Dates, Places, Times, and More. A .js library for parsing text for specific information. benhmoore/Knwl#97
  • Highlight.js - Javascript syntax highlighter. https://highlightjs.org/
  • Lazy.js - Like Underscore, but lazier http://danieltao.com/lazy.js/
  • Randexp.js - Create random strings that match a given regular expression. http://fent.github.io/randexp.js/
  • TheaterJS - Typing animation mimicking human behavior. https://codepen.io/Zhouzi/pen/JoRazP
  • Underline.js - Pushing the boundary of browser typography rendering! http://underlinejs.org/
  • Underscore.string - String manipulation helpers for javascript. http://epeli.github.io/underscore.string/

• Text-to-Speech

  • speak.js - Text-to-Speech in JavaScript using eSpeak. https://github.com/kripken/speak.js

• Third Party Integrations

  • Gmail.js - Gmail JavaScript API. https://github.com/KartikTalwar/gmail.js

• Torrents

  • Webtorrent - Streaming torrent client for node & the browser. https://webtorrent.io/

• Transition & Effects

  • Chromatism - A simple set of utility functions for colours. https://github.com/toish/chromatism
  • Ramjet - Morph DOM elements from one state to another with smooth transitions. http://www.rich-harris.co.uk/ramjet/
  • Snabbt.js - Fast animations with javascript and CSS transforms. http://daniel-lundin.github.io/snabbt.js/

• Utility

  • GPU.js - GPU Accelerated JavaScript. http://gpu.rocks
  • Immutable.js - Immutable persistent data collections for Javascript which increase efficiency and simplicity. http://facebook.github.io/immutable-js/
  • is-thirteen - Check if a number is equal to 13. https://github.com/jezen/is-thirteen
  • Lodash - A modern JavaScript utility library delivering modularity, performance, & extras. https://lodash.com/
  • Ramda - A practical functional library for Javascript programmers. http://ramdajs.com/0.21.0/index.html
  • StrMan - A Javascript string manipulation library. https://dleitee.github.io/strman/
  • Trine - A utility library for modern JavaScript. http://jussi-kalliokoski.github.io/trine/docs/latest/
  • Underscore.js - Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. http://underscorejs.org/

• Validation

  • Superstruc - Simple and composable way to validate data in Javascript. https://github.com/ianstormtaylor/superstruct#demo
  • v8n - JavaScript fluent validation library https://imbrn.github.io/v8n
  • Validate.js - Lightweight JavaScript form validation library inspired by CodeIgniter. http://rickharrison.github.io/validate.js/
  • validator.js - String validation.

• Video

  • Vidage - Your solution to full-screen background video & image combined. https://dvlden.github.io/Vidage/

• Virtualization

  • v86 - x86 virtualization in JavaScript, running in your browser and NodeJS. https://copy.sh/v86/?profile=windows98
  • WinXP - Web based Windows XP desktop recreation. https://winxp.now.sh

• Window & Layout Managers

  • GoldenLayout - The ultimate Javascript layout manager. https://golden-layout.com/

• WYSIWYG, Text Editors & Misc Editors

  • Aloha - Aloha Editor is a JavaScript content editing library. http://www.alohaeditor.org/
  • CKEditor - The development repository of CKEditor. http://ckeditor.com/
  • Dillinger - The last Markdown editor, ever. http://dillinger.io
  • Editor.js - A block-styled editor with clean JSON output. https://editorjs.io
  • GitHub WYSIWYG Rich-Text Editor - GitHub Writer - WYSIWYG Rich-Text Editor for GitHub, powered by CKEditor. https://ckeditor.com/
  • Highlight.js - Javascript syntax highlighter. https://highlightjs.org/
  • Monaco Editor - A browser based code editor. https://microsoft.github.io/monaco-editor/
  • Pell - The simplest and smallest (1kB) WYSIWYG text editor for web, with no dependencies. https://jaredreich.com/pell
  • ProseMirror - The ProseMirror WYSIWYM editor. http://prosemirror.net/
  • Quill - A cross browser rich text editor with an API. http://quilljs.com/
  • Ritzy - Collaborative web-based rich text editor. http://ritzyed.github.io/ritzy/
  • Squire - HTML5 rich text editor. http://neilj.github.io/Squire/
  • TinyEditor - A functional HTML/CSS/JS editor in less than 400 bytes. https://github.com/umpox/TinyEditor/blob/master/index.html
  • TinyMCE & 💰 - inyMCE is a platform independent web-based JavaScript WYSIWYG HTML editor control released as open source under LGPL. https://www.tinymce.com/
  • Toast.ui Editor - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. http://ui.toast.com/tui-editor
  • Trix - A Rich Text Editor for Everyday Writing. https://trix-editor.org/
  • Wysihtml - Open source rich text editor for the modern web. http://wysihtml.com/

React

• 📌 Component Directories 📌

  • awesome-react - A collection of awesome things regarding React ecosystem.
  • awesome-react-components - Catalog of React Components & Libraries. https://devarchy.com/react
  • libreact - Collection of useful React components

• AJAX

  • SWR - React Hooks library for remote data fetching. https://swr.now.sh

• Alerts, Modals & Notifications

• Animation & Graphics

  • Animated - Declarative Animations Library for React and React Native. http://animatedjs.github.io/interactive-docs/
  • mobile-first-animation - Performant gesture-driven animation on the mobile web. https://codesandbox.io/s/github/aholachek/mobile-first-animation
  • react-canvas - High performance <canvas> rendering for React components. https://github.com/Flipboard/react-canvas
  • react-flight - The best way to build animation compositions for React. http://www.react-flight.io
  • react-move - Beautiful, data-driven animations for React https://react-move.js.org
  • react-motion - A spring that solves your animation problems. http://chenglou.github.io/react-motion/demos/demo7-water-ripples/
  • react-spring - Helping react-motion and animated to become best friends http://react-spring.surge.sh/

• Calendars & Date Pickers

  • react-big-calendar - Gcal/outlook like calendar component. https://intljusticemission.github.io/react-big-calendar/examples/index.html
  • react-day-picker - Flexible date picker for React. http://www.gpbl.org/react-day-picker/
  • react-infinite-calendar - Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more. hhttps://clauderic.github.io/react-infinite-calendar
  • react-svg-morph - Morph your svg component one into another other. http://gorangajic.github.io/react-svg-morph/

• Charts & Plots

  • react-d3 - A solution for building reusable components for d3 charts, still UNDER HEAVY DEVELOPMENT. http://www.reactd3.org/
  • react-d3-library - Open source library for using D3 in React. http://react-d3-library.github.io/
  • Recharts - Redefined chart library built with React and D3. http://recharts.org/

• Chat & Messaging

  • Mattermost - Open source Slack-alternative in Golang and React. https://www.mattermost.org/

• Code

  • Code Surfer - React component for scrolling, zooming and highlighting code samples. https://codesurfer.js.org/sample/#0

• Data Processing & Visualization

  • kepler.gl - kepler.gl is a data-agnostic, high-performance web-based application for visual exploration of large-scale geolocation data sets. https://uber.github.io/kepler.gl/#/
  • nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. https://nivo.rocks
  • fixed-data-table - A React table component designed to allow presenting thousands of rows of data.https://facebook.github.io/fixed-data-table/
  • react-async - Flexible promise-based React data loader https://docs.react-async.com/
  • react-datasheet - Excel-like data grid component for react. https://nadbm.github.io/react-datasheet/
  • React Data Grid 💰 - Powerful React DataGrid/DataTable component for React based Enterprise Applications. http://reactdatagrid.com/Home/Demo
  • react-table - React Table - A lightweight, fast and extendable datagrid for React. http://react-table.js.org
  • react-virtualized - React components for efficiently rendering large lists and tabular data http://www.reactvirtualized.com
  • react-window - React components for efficiently rendering large lists and tabular data https://react-window.now.sh/
  • reactable - Fast, flexible, and simple data tables in React http://glittershark.github.io/reactable
  • redux-data-table - Simple React + Redux + ImmutableJS data table with item filtering, sorting, pagination and removal. https://lewisl9029.github.io/redux-data-table/

• Docs & Office

  • Handsontable - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel. Available for React, Vue, Angular and Polymer. https://handsontable.com
  • react-pdf - Create PDF files using React.

• Form & Input

  • Formik - Build forms in React, without the tears. https://npm.im/formik
  • react-input-enhancements - Set of enhancements for input control. http://alexkuz.github.io/react-input-enhancements/
  • react-form - React Form - Powerful and lightweight forms in React https://react-form.js.org
  • react-select - A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support. http://jedwatson.github.io/react-select/
  • redux-form - A Higher Order Component using react-redux to keep form state in a Redux store http://redux-form.com

• Images && Image Processing

  • react-ideal-image - An Almost Ideal React Image Component. https://stereobooster.github.io/react-ideal-image-experiments/
  • react-imgpro - Image Processing Component for React. https://camo.githubusercontent.com/f7b399fa47ba82ce6ec817428c0f7b9048cb6480/687474703a2f2f672e7265636f726469742e636f2f586d68546950383454442e676966

• Libraries

  • rsuite - A suite of React components. [https://rsuitejs.com]](https://rsuitejs.com)

• Loading Bars

  • react-progressbar.js - Responsive and slick progress bars for React. http://kimmobrunfeldt.github.io/progressbar.js/

• Maps

  • google-map-react - Universal google map react component, allows render react components on the google map. http://istarkov.github.io/google-map-react/map/main/
  • google-map-react - Google map library for react that allows rendering components as markers. http://google-map-react.github.io/google-map-react/map/main/
  • google-maps-react - Companion code to the "How to Write a Google Maps React Component" Tutorial. https://www.fullstackreact.com/articles/how-to-write-a-google-maps-react-component/
  • Pigeon Maps - ReactJS Maps without external dependencies. https://mariusandra.github.io/pigeon-maps/
  • react-gmaps - A Google Maps component for React.js. http://react-gmaps.herokuapp.com/
  • react-google-maps - React.js Google Maps integration component. https://tomchentw.github.io/react-google-maps/
  • react-map-gl - react-map-gl provides a React friendly API wrapper around Mapbox GL JS. A webGL based vector tile mapping library. https://uber.github.io/react-map-gl/

• Misc

  • Terminal in React - A component that renders a terminal http://terminal-in-react.surge.sh/

• Presentations

  • mdx-deck - MDX-based presentation decks https://jxnblk.com/mdx-deck

• Routing

  • @reach/router - Reach Router. https://reach.tech/router
  • react-enroute - React router with a small footprint for modern browsers. https://github.com/tj/react-enroute

• Scrolling & Parallax

  • react-custom-scroll - Easily customize the browser scroll bar with native OS scroll behavior/ https://rommguy.github.io/react-custom-scroll/example/demo.html
  • react-custom-scrollbars - React scrollbars component. https://malte-wessel.github.io/react-custom-scrollbars/
  • react-gemini-scrollbar - React component for custom overlay-scrollbars with native scrolling mechanism. https://noeldelgado.github.io/gemini-scrollbar/
  • react-infinite-scroll-component - An awesome Infinite Scroll component in react. https://codesandbox.io/s/yk7637p62z
  • react-parallax - https://codesandbox.io/embed/r0yEkozrw?view=preview
  • react-perfect-scrollbar - A react wrapper for perfect-scrollbar. https://utatti.github.io/perfect-scrollbar/
  • react-plx - React parallax component, powerful and lightweight. https://muffinman.io/react-plx/
  • react-scroll-parallax - React components to create parallax scroll effects for banners, images or any other DOM elements. https://jscottsmith.github.io/react-scroll-parallax-examples/examples/parallax-example/
  • react-scrollbar - Scrollbar component for React. https://souhe.github.io/reactScrollbar/
  • simple-scrollbar - Very simple and lightweight vanilla javascript library for creating a custom scrollbar cross-browser. https://buzinas.github.io/simple-scrollbar/

• Social Media & Community

  • react-rating - A rating react component with custom symbols. http://dreyescat.github.io/react-rating/
  • react-social-login-buttons - Social login buttons for React. https://codesandbox.io/s/3rpq558rv5
  • react-tweet-embed - Component that you supply tweet id and you'll get a tweet embed back, nothing more. https://dev.twitter.com/web/embedded-tweets/parameters

• State & Store Management

  • Marty - A Javascript library for state management in React applications. http://martyjs.org/
  • Unistore - 650b state container with component actions for Preact & React https://npm.im/unistore
  • WatermelonDB - Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast. https://github.com/Nozbe/WatermelonDB

• Text Effects & Text Manipulation

  • react-countup - A configurable React component wrapper around CountUp.js. https://glennreyes.github.io/react-countup/

• Utility

  • react-fns - Browser API's turned into declarative React components and HoC's. https://npm.im/react-fns
  • Recompose - A React utility belt for function components and higher-order components. https://github.com/acdlite/recompose/blob/master/docs/API.md

• VR

  • react-vr - Create amazing 360 and VR content using React https://facebook.github.io/react-vr

• WYSIWYG

  • draft.js - A React framework for building text editors. https://draftjs.org/
  • Ory - Next-gen, highly customizable content editor for the browser - based on React and Redux. WYSIWYG on steroids. https://editor.ory.am
  • react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
  • react-froala-wysiwyg 💰 - React component for Froala WYSIWYG HTML Rich Text Editor. https://froala.com/wysiwyg-editor
  • react-quill - A Quill component for React. https://zenoamaro.github.io/react-quill
  • react-rte - Pure React rich text "WYSISYG" editor based on draft-js. https://react-rte.org
  • Slate - A completely customizable framework for building rich text editors. http://slatejs.org

Vue

• Admin
  • Vuestic Admin Dashboard - Vue.js admin dashboar. http://epicmax.co/vuestic
• Data Processing & Visualization
  • v-charts - Vue2.0 ECharts https://v-charts.js.org/#/
  • vue-recyclerview - Mastering Large Lists with the vue-recyclerview. https://hilongjw.github.io/vue-recyclerview/
• Forms & Input
  • vee-validate - Template Driven Validation Framework for Vue.js https://logaretm.github.io/vee-validate/
  • vue-interactive-paycard - Credit card form with smooth and sweet micro-interactions. https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
• Graphics & Animation
  • CSSeffectsSnippets - A collection of CSS effects made with Vue.js. https://emilkowalski.github.io/css-effects-snippets/
  • vue-particle-effect-buttons - A bursting particles effects buttons component. https://dreambo8563.github.io/vue-particle-effect-buttons/
• Presentations
  • eagle.js - A hackable slideshow framework built with Vue.js. https://zulko.github.io/eaglejs-demo/