· Alpine.js — Rugged, minimal framework for composing JavaScript behavior in your markup. (Awesome Alpine)
· Overture — Powerful JS library for building really slick web applications, with performance at, or surpassing, native apps.
· JSX Lite — Write components once, run everywhere. Compiles to Vue, React, Solid, Liquid, and more.
· Perlite — Hyperactiv + lit-html + extensions. Simple and declarative way to create rich client-side widgets designed with server-side apps in mind.
· Democrat — Library that mimic the API of React (Components, hooks, Context…) but instead of producing DOM mutation it produces a state tree.
· Svelto — Modular front end framework for modern browsers, with battery included: 100+ widgets and tools.
· Glimmer VM — Flexible, low-level rendering pipeline for building a “live” DOM from Handlebars templates that can subsequently be updated cheaply when data changes.
· Forgo — Ultra-light UI runtime. Makes it super easy to create modern web apps using JSX (like React).
· Boost — Collection of type-safe cross-platform packages for building robust server-side and client-side systems.
Animation
· lax.js — Simple & light weight (<2kb gzipped) vanilla JS plugin to create smooth & beautiful animations when you scroll.
CLI
Test
State management
· Overstated — React state management library that’s delightful to use, without sacrificing performance or scalability.
· Observable Store — Provides a simple way to manage state in Angular, React, Vue.js and other front-end applications.
· Cerebral — Declarative state and side effects management solution for popular JavaScript frameworks.
· Recoil — Experimental set of utilities for state management with React. (Web) (Video) (Reddit) (Rewriting from scratch) (Recoilize — Recoil developer tool)
API bindings
DB
React
This is gonna be a big section….
UI Components
Table / Data Grid
ag-grid — Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
react-data-grid — Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.
react-pivot — React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration.
Infinite Scroll
react-infinity — A UITableView Inspired list and grid display solution with element culling and smooth animations.
Overlay
Display overlay / modal / alert / dialog / lightbox / popup
react-aria-modal — A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices.
Notification
Toaster / snackbar — Notify the user with a modeless temporary little popup
react-notification-system — A complete and totally customizable component for notifications in React.
Tooltip
Menu
Menus / sidebars
react-burger-menu — An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations.
Sticky
Fixed headers / scroll-up headers / sticky elements
react-sticky-state — React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature.
Tabs
Loader
Loaders / spinners / progress bars — Let the user know that something is loading
Carousel
Collapse
react-collapse — Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
Chart
Display data in charts / graphs / diagrams
react-sigmajs — Lightweight but powerful library for drawing network graphs built on top of SigmaJS.
Tree
Display a tree data structure
UI Navigation
Ways to navigate views
Custom Scrollbar
react-gemini-scrollbar — React component for custom overlay-scrollbars with native scrolling mechanism.
Audio / Video
react-player — A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo.
Map
google-map-react — Universal google map react component, allows render react components on the google map.
Time / Date / Age
Display time / date / age
react-time — Component for React to render relative and/or formatted dates into < time> HTML5 element.
timeago-react — Simple and efficient react component to format date with*** time ago
statement. eg: '3 hours ago'.
Photo / Image
Display images / photos
Icons
Display icons / icon set / emojis
Paginator
Display a control element to paginate
Markdown Viewer
Display parsed markdow source
Miscellaneous
react-file-reader-input — React file input component for complete control over styling and abstraction from file reading.
react-avatar — Universal React avatar component makes it possible to generate avatars based on user information.
react-joyride — Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
react-facebook — Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post.
Form Components
Let the user enter data
Date / Time picker
Date picker / time picker / datetime picker / date range picker
react-bootstrap-daterangepicker — A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker.
react-infinite-calendar — Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.
Input Types
Masked inputs, specialized inputs; email / telephone number / credit card / etc.
Autocomplete
Autosuggest / autocomplete / typeahead
Select
Color Picker
Toggle
Slider
Radio Button
Type Select
Let the user select something (e.g. a tag) while typing
Autosize Input / Textarea
Star Rating
Drag and Drop
Sortable List
Let the user define an order on a list
sortablejs — Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap.
react-anything-sortable — A ReactJS component that can sort any children with touch support and IE8 compatibility.
react-sortable-hoc — A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.
Rich Text Editor
Markdown Editor
Image Editing
Image manipulation
react-avatar-editor — Facebook like, avatar / profile picture component. Resize and crop your uploaded image using a clear user interface.
Form Component Collections
formsy-react-components — A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure.
Miscellaneous
react-designer — Easy to configure, lightweight, editable vector graphics in your react components.
MISC
· micro github — Tiny microservice that makes adding authentication with GitHub to your application easy.
· virtual-scroller — Maps a provided set of JavaScript objects onto DOM nodes, and renders only the DOM nodes that are currently visible, leaving the rest “virtualized”.
· Shiny — Add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.
· FlexSearch — Web’s fastest and most memory-flexible full-text search library with zero dependencies.
· cofx — Node and javascript library that helps developers describe side-effects as data in a declarative, flexible API.
· Oboe.js — Streaming approach to JSON. Oboe.js speeds up web applications by providing parsed objects before the response completes.
· interact.js — JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers.
· deep-object-diff — Deep diffs two objects, including nested structures of arrays and objects, and returns the difference.
· modali — Delightful modal dialog component for React, built from the ground up to support React Hooks.
· debug — Tiny JavaScript debugging utility modelled after Node.js core’s debugging technique. Works in Node.js and web browsers.
· roughViz.js — Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
· Mockttp — Lets you quickly & reliably test HTTP requests & responses in JavaScript, in both Node and browsers.
· Virt.js — Free collection of useful standard devices, that can be used to power various engine that makes use of the exposed interfaces.
· react-isomorphic-data — Easily fetch data in your React components, with similar APIs to react-apollo.
· CLUI — Collection of JavaScript libraries for building command-line interfaces with context-aware autocomplete.
· timeago.js — Nano library (less than 2 kb) used to format datetime with *** time ago statement. eg: ‘3 hours ago’.
· Serialize JavaScript — Serialize JavaScript to a superset of JSON that includes regular expressions, dates and functions.
· face-api.js — JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js.
· grapheme-splitter — JavaScript library that breaks strings into their individual user-perceived characters.
· Snabbdom — Virtual DOM library with focus on simplicity, modularity, powerful features and performance.
· Regenerate — Generate JavaScript-compatible regular expressions based on a given set of Unicode symbols or code points.
· Jitsi Meet API library — Can use Jitsi Meet API to create Jitsi Meet video conferences with a custom GUI.
· ASScroll — Hybrid smooth scroll setup that combines the performance gains of virtual scroll with the reliability of native scroll.
· Logux Server — Build own Logux server or make proxy between WebSocket and HTTP backend on any language.
· @expo/results — Efficient, standards-compliant library for representing results of successful or failed operations.
· Emojibase — Collection of lightweight, up-to-date, pre-generated, specification compliant, localized emoji JSON datasets, regex patterns, and more.
· serve-favicon — Node.js middleware for serving a favicon.
· Muuri — JavaScript layout engine that allows you to build all kinds of layouts and make them responsive, sortable, filterable, draggable and/or animated.
· Angelfire — Lets you quickly build right-click-enabled context menus and drop-down menus for any element on your webpage.
· csv-parser — Streaming csv parser inspired by binary-csv that aims to be faster than everyone else.
· fit-curve — JavaScript implementation of Philip J. Schneider’s “Algorithm for Automatically Fitting Digitized Curves” from the book “Graphics Gems”.
· Graphlib — JavaScript library that provides data structures for undirected and directed multi-graphs along with algorithms that can be used with them.
· @cycle/callbags — Set of commonly used stream operators implemented as callbags with Typescript and ES modules.
· umbrella — Broadly scoped ecosystem & mono-repository of ~135 TypeScript projects for functional, data driven development.
· superjson — Safely serialize JavaScript expressions to a superset of JSON, which includes Dates, BigInts, and more.
· freshie — Fresh take on building universal applications with support for pluggable frontends and backends.
· Luckysheet — Online spreadsheet like excel that is powerful, simple to configure, and completely open source. (Docs)
· eslisp — S-expression syntax for JavaScript, with Lisp-like hygienic macros. Minimal core, maximally customisable.
· Fetch Event Source — Better API for making Event Source requests, with all the features of fetch().
· Effects.js — Algebraic effects in javascript with scoped handlers, multishot delimited continuations, stack safety and do notation.
· jsesc — Given some data, jsesc returns the shortest possible stringified & ASCII-safe representation of that data.
· grfn — Tiny (~400B) utility that executes a dependency graph of async functions as concurrently as possible.
· Behavior3JS — Structures and algorithms that assist you in the task of creating intelligent agents for your game or application.
· jsVideoUrlParser — JavaScript parser to extract information like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,… urls.
· ibridge — Tiny, promise based, type safe library for easy, bidirectional and secure iframe communication.
· Total.js — Excellent and stable server-side Node.js framework, client-side library for creating web applications with more than 230 UI components for free.
· loglevel — Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods.
· Form-Data — Library to create readable “multipart/form-data” streams. Can be used to submit forms and file uploads to other web applications.
· Barba.js — Easy-to-use library that helps you create fluid and smooth transitions between your website’s pages.
· gensync — Allows users to use generators in order to write common functions that can be both sync or async.