Skip to main content

Library Basic Notes

Indexing Tools

Web Boilerplate

Generators and CLI Tools

  • Expo: Create React Native app.
  • T3: Create fullstack and type-safe Next.js app.
  • Vue: Create Vue app.
  • Modern: Meta-framework suite designed for frontend-focused modern web development.
  • Projen: New generation of project generators.
  • Hygen: Component generator.
  • Plop: Micro-generator framework to create files with a level of uniformity.
  • UnBuild: Unified JavaScript build system.

Boilerplate and Templates

  • StartUI: Next.js boilerplate.
  • Electron: React Electron boilerplate.
  • StarterKit: React fullstack app boilerplate.
  • Vitamin: React Vite boilerplate.
  • Plasmo: Browser extension framework.
  • Extension.js: Plug-and-play, zero-config, cross-browser extension development tool.
  • ViteSSE: Browser Extension Vite starter.

Framework and Solution

Frontend Solution

Micro Frontends Solution

Backend Solution

  • Nest: Enterprise-grade server-side applications on top of TypeScript.
  • Fastify: Fast and low overhead web framework.
  • Feathers.js: Real-time applications framework based on Socket.io.
  • Egg.js.
  • Midway: Serverless framework for frontend developers.
  • Koa: Expressive middleware using ES2017 async functions.
  • Sails: Realtime MVC framework.
  • RedWood: App framework for startups.
  • Amplication: Low-code but high quality applications.
  • LoopBack: Build modern API applications.
  • Aleph: Fullstack framework in Deno.
  • Remult: CRUD framework for fullstack TypeScript.
  • Adonis: TypeScript-first web framework with support for testing and modern tooling.
  • HoNo: Web framework built on web standards.
  • ElySia: Ergonomic framework for humans supercharged by Bun.
  • Oak: Middleware framework for handling HTTP with Deno, Bun and Cloudflare Workers.
  • Wasp: Fastest way to develop fullstack web apps with React and Node.js.

Headless CMS

Desktop Solution

  • Electron.
  • Tauri: Smaller, faster and more secure Rust application.
  • Neutralino: Portable and lightweight cross-platform C++ application.
  • WasmER: Leading WASM runtime.
  • DioXus: Fullstack GUI library for web, desktop, mobile, and more.

Mobile Solution

  • Expo: Making universal native apps with React on Android, iOS and web.
  • UniAPP: Vue for mobile development.
  • Taro: Cross-platform and cross-framework solution to develop mini-programs.

State Management

Redux State Management

  • ReduxToolkit: Official core set for efficient Redux development.
  • Rematch: Redux framework.
  • Reselect: Selector library for Redux.
  • Immer: Create next immutable state by mutating current one.

Atom State Management

  • Zustand: Small, fast and scalable bear-bones state-management solution.
  • JoTai: Primitive and flexible state management library.
  • Valtio: Proxy-state simple for React and VanillaJS.
  • NanoStores: Atomic tree-shakable stores.
  • Signals: Vue-style and performant state management library.
  • Pinia: Next generation Vue store.

Reactive State Management

Server State Management

  • RTKQuery: Redux toolkit server state solution.
  • TanStackQuery: Fetching, caching, synchronizing and updating server state.
  • SWR: React hooks for remote data fetching.
  • Apollo: Fully-featured, production ready caching GraphQL client.
  • URQL: Highly customizable and versatile GraphQL client.
  • Evolution: Local-first platform for privacy and ease of use.

Router State Management

  • TanStackRouter: Fully type-safe router for React built-in caching with 1st class search-param APIs.
  • Router: Minimalist-friendly router for React and Preact.
  • Navigo: Simple vanilla router.

Hooks

State Hooks

  • Optimistic: Optimistic state with rollbacks and race condition handling.

Sensor Hooks

Timer Hooks

JavaScript Utils

  • Cash: jQuery lite.
  • HappyDOM: Browser native API.
  • Construct: Byte-level data structures.
  • Toolbox: Catalog of categories and libraries for Node.js.

Math Utils

  • HyperFormula: Excel-like calculation engine.
  • DanFo.js: High performance structured data manipulating and processing.

String Utils

Glob Utils

Regular Expression Utils

  • Validator: Common RegExp patterns.
  • RE2: Fast, safe alternative to backtracking regular expression engines.
  • RegExr: Creating, testing and learning about regular expressions.
  • Regex101: Build, test and debug regular expressions.
  • RegexVis: Regex visualizer and editor.

Concurrent and Parallel Programming Utils

  • Bull: Premium queue package for handling distributed jobs and messages.
  • Bree: JavaScript job task scheduler with worker threads, cron, Date, and human syntax.
  • WorkerPool: Offload tasks to a pool of workers on Node.js and in the browser.
  • TinyPool: Minimal and tiny worker thread pool.
  • Scheduling: Fast and consistently responsive apps using a single function call.
  • GRFN: Executes dependency graph of async functions concurrently.
  • PQueue: Promise queue with concurrency control.
  • PMap: Map over promises concurrently.

Functional Programming Utils

  • Immer: Create next immutable state by mutating current one.
  • FP: Functional programming in TypeScript.
  • ProxyMemoize: Intuitive magical memoization with proxy and weakmap.
  • Mutative: Blazing fast immutable updates.

IOC and DI Utils

  • InversifyJS: Powerful and lightweight inversion of control container.
  • Awilix: Powerful inversion of control container.
  • TypeDI: Powerful dependency injection tool.

Browser Utils

  • Modernizr: HTML5 and CSS3 browser feature detection.
  • Browser: Browser platform detection.
  • UAParser: User-agent data parser.

TypeScript Utils

TypeScript Basic Utils

TypeScript Utility Types

  • Effect: Ecosystem of tools to build robust applications in TypeScript.
  • TypeFest: Collection of essential TypeScript types.
  • Utility: Collection of utility types.
  • TSReset: Improving types for common JavaScript APIs.

TypeScript Schema Utils

  • TypeBox: JSON schema type builder.
  • AutoMapper: Object to object auto mapper.
  • OW: Function argument validation for humans.
  • SuperJSON.
  • TSPattern: Pattern matching library (Rust/Haskell) for TypeScript.

TypeScript AST Utils

UI Framework

CSS UI Framework

Utility UI Framework

  • Tailwind.
  • Material: Easy-to-use components library for Tailwind CSS and Material Design.
  • Elements: Tailwind components collection.
  • Daisy: Tailwind components plugin.
  • FranKen: Tailwind components plugin based on ShadCN UI.
  • Form: Basic reset for form styles.
  • Typography: Beautiful typographic defaults.
  • AspectRatio: Provides composable API for giving elements a fixed aspect ratio.
  • LineClamp: Provides utilities for visually truncating text after a fixed number of lines.
  • Fluid: Fluid clamp() plugin for Tailwind that works with every utility.

Headless UI Framework

  • Headless: Completely un-styled and fully accessible Tailwind React components.
  • Radix: Build high-quality and accessible design systems.
  • ShadCN: Accessible and customizable components can copy and paste.
  • Spectrum: Build adaptive, accessible and robust user experiences.
  • AriaKit: Accessible React components.

Components UI Framework

  • Antd: Ant group design system.
  • Material: Material UI for React.
  • Chakra.
  • Mantine.
  • BluePrint.
  • Tamagui: Style and UI for React meet optimizing compiler.
  • Next: Beautiful, fast and modern React UI library.
  • Primer: GitHub Primer design system.
  • Luna: Operating system components.
  • Molecule: Lightweight web IDE UI framework.

Admin and Dashboard UI Framework

  • Refine: Building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
  • Admin: Frontend framework for building B2B applications.
  • Tremor: React components to build charts and dashboards.
  • Vuestic: Vue admin components.

CSS Utils

CSS Design Tools

Ordinary CSS Utils

  • Modern: Modern normalize browser default style.
  • Normalize: Cross-browser CSS foundation.
  • New: New simple and lighter CSS reset.
  • ReSS: Modern CSS reset.
  • DeStyle.css: Opinionated reset stylesheet that provides clean slate for styling html.
  • Preset: Use modern CSS by PostCSS.
  • Viewer: Local tool for visualizing Tailwind configuration.

CSS-in-JS Utils

  • Classnames: Conditionally joining classNames together.
  • CLSX: Constructing className strings conditionally.
  • Merge: Merge Tailwind CSS classes without style conflicts.
  • TWind: Smallest, fastest, most feature complete Tailwind-in-JS solution.
  • StyledComponents: Runtime visual primitives.
  • Linaria: Zero-runtime CSS-in-TypeScript library.
  • VanillaExtract: Zero-runtime CSS-in-TypeScript.
  • StyleX: Styling system powers Facebook.
  • Panda: Universal, type-safe, CSS-in-JS Tailwind-style framework.
  • Compiled: Performant compile time CSS-in-TypeScript library.
  • CVA: Class variance authority.

Color Utils

  • Color.js: Color conversion and manipulation library.
  • Prism: GitHub color palettes creating and maintaining tool.
  • Color2K: Color parsing and manipulation.
  • Chroma: All kinds of color manipulations.
  • Color: Color conversion and manipulation.
  • Culori: Color conversion, interpolation, difference formulas, blending functions.
  • ColorThief: Image color palette grab tool.

Gradient Utils

Gradient Collection

Gradient Tools

  • Neat: Build awesome gradients using 3D shaders.

Gradient Editor

Box Shadow Utils

Background Utils

Clip and Shapes Utils

  • Clippy: Clip-path editor.
  • Fancy: Fancy border radius.
  • Shapes: Awesome CSS shapes with React integration.
  • CSSGenerators: Generate borders, corners, dividers and shapes.

Components

Button

Chat

Comments

  • Giscus: Comment system powered by GitHub discussion.
  • GitTalk: Modern comment component based on GitHub issue and Preact.
  • Utterances: Lightweight comments widget built on GitHub issues.
  • Waline: Simple, safe comment system inspired by Valine.
  • Cusdis: Lightweight, privacy-friendly alternative to Disqus.
  • Disqus.
  • Golden: Multi window layout manager.
  • WinBox: HTML5 window manager.
  • NiceModal: Ebay React modal manager.

Prompt and Toast

  • SweetAlert: Responsive, highly customizable and accessible (WAI-ARIA) alert.
  • Toastify: Easy React Notification.
  • HotToast: Smoking Hot React Notification.
  • NotiStack: Highly customizable notification snack bars.
  • Sonner: Opinionated toast for React.
  • Novu: Notification infrastructure for developers.

Tooltip

  • Floating: Low-level toolkit to create interactive floating elements.
  • Tooltip: React tooltip component.
  • Hint.css: CSS only tooltip library.

Tag

  • Tagify: Lightweight, efficient tags input component.

Guide

  • Intro.js: Lightweight, user-friendly onboarding tour library.
  • Driver.js: Zero-dependency and vanilla JavaScript engine to drive user's focus across page.
  • Shepherd: Guide users through tour of apps.
  • JoyRide: Create guided tours in your apps.
  • Wizard: React wizard (stepper) builder without hassle.
  • Onboard: Onboarding wizard flow for Next.js powered by framer motion.

Rating

Timeline

  • ReactChrono: Modern timeline component.
  • PlanBy: Electronic program guide (EPG) based timeline.
  • Frappe: Interactive and modern gantt chart.
  • MarkWhen: Cascading timeline from Markdown-like text.

Form

Input

Select

  • Select: Select component for React.
  • Choices: Customizable select text input.

Textarea

Schema Validator

  • Zod: TypeScript-first schema validation with static type inference.
  • Yup: Dead simple Object schema validation.
  • Joi: Powerful data validation library.
  • Cleave: Input format checker.

Layout

  • FullPage: Create full screen pages fast and simple.
  • Split: Un-opinionated utilities for resizable split views.
  • Allotment: Resizable split views.
  • Spaces: Divide page or container into nestable anchored, scrollable and resizable spaces.
  • Teleport: Teleport React components in same React tree.

Grid

List

List Virtualized Windowing

  • TanStackVirtual: Headless UI for virtualizing large element lists.
  • Virtualized: Efficiently rendering large lists and tabular data for React.
  • Window: Brand new React virtualized.
  • Virtuoso: Powerful virtual list component for React.
  • VirtualScroller: Blazing fast scrolling for any amount of data in Vue.js.

Table

  • TanStackTable: Headless UI for building powerful tables and data grids.
  • MantineTable: Fully featured Mantine implementation of TanStack React table.
  • Glide: Fast data grid with rich rendering, first class accessibility for React.
  • Tabulator: Interactive tables and data grids.
  • SheetJS: Spreadsheet data toolkit.
  • FortuneSheet: Rich Excel and Google sheets features spreadsheet library.
  • HyperFormula: Complete Excel-like calculation engine written in TypeScript.
  • TypedXLSX: Effortlessly export any data into XLSX sheets with type-safety and awesome DX.

Tree

  • Arborist: React sortable, virtual and customizable tree component.
  • TreeView: Draggable and droppable React tree-view component.
  • ComplexTree: Accessible tree component with multi-select and drag-and-drop.

Chart Visualization

  • D3: Bring data to life with SVG, canvas and HTML.
  • ECharts: Powerful, interactive charting and data visualization.
  • Chart.js: HTML5 canvas charts.
  • AntV: React chart library based on G2Plot, G6, X6, L7.
  • ReCharts: Redefined chart library built with React and D3.
  • HighCharts: TypeScript charting framework.
  • XYFlow: Building interactive node-based UIs, editors, flow charts and diagrams.
  • ReaFlow: Building workflow editors, flow charts and diagrams.
  • Sigma: Dedicated to graph drawing.
  • Plotly.js: Charting library behind Plotly and Dash.
  • JSXGraph: Interactive geometry, function plotting, charting and data visualization in browser.
  • Cytoscape.js: Graph theory (network) library for visualization and analysis.
  • VisX: Collection of expressive, low-level visualization primitives for React.
  • NeoVis.js: Graph visualization with data from Neo4j.
  • Perspective: Data visualization and analytics component for large streaming datasets.
  • Tremor: Build charts and dashboards.
  • Ripple: Unified API for high performance 2D graphics rendering and interactive data visualization.
  • LayerCake: Graphics framework for Svelte.

Charts Draw Utils

  • ExCaliDraw: Virtual whiteboard for sketching hand-drawn.
  • iDraw: Simple JavaScript framework for drawing on web.

Math

  • MathLive: Web component for LaTeX math input.
  • MathJax: Beautiful and accessible math in all browsers.
  • Swiper: Modern mobile touch slider with hardware accelerated transitions.
  • Nuka: Pure React carousel component.
  • Embla: Lightweight carousel library with fluid motion and great swipe precision.
  • Slick: React carousel component.
  • Flicking: Reliable, flexible and extendable carousel.

Scrollbar

Slides and Presentation

  • Spectacle: React based presentation slides.
  • Reveal: HTML presentation framework.
  • SliDev: Vue based presentation slides.
  • Impress: Prezi-like presentation slides.
  • PPTX: TypeScript powerpoint presentations.

Picker

  • DatePicker: Simple and reusable date picker React component.
  • DatePicker: Moment.js free date picker for React app.
  • Roulette: Customizable React roulette wheel with spinning animation.

Clipboard

Keyboard

  • CommandK: Fast, unstyled headless command menu React component.
  • KBar: Fast, portable and extensible command-K interface.
  • HotKey: Trigger action on element with keyboard shortcut.
  • KMenu: Animated and accessible command palette menu.

iFrame

Scroll Utils

  • Parallax: React hooks and components to create parallax scroll effects.
  • Reveal: Animate elements as they scroll into view.
  • Smooth: Customizable, extendable, and high-performance JavaScript-based scrollbar solution.
  • Atropos: 3D parallax effects.
  • Snap: Snap page when user stops scrolling.
  • PushIn: Dolly or push-in effect when user scrolls.
  • BetterScroll: Smooth and performant scrolling for the web

Mouse and Touch Utils

  • DnD: Drag and drop for React.
  • Draggable: JavaScript drag and drop library.
  • DnDKit: Modern, lightweight, performant, accessible and extensible drag and drop toolkit.
  • PragmaticDnD: Fast drag and drop for any experience on any tech stack.
  • UseGesture: Component-tied mouse and touch gestures.
  • Interact.js: Drag and drop, resizing and multi-touch gestures.
  • Moveable: Drag, resize, scala, rotate, warp, pinch, group, snap.
  • Craft.js: Building extensible drag and drop page editors.
  • DFlex: Sophisticated drag and drop library.
  • AnyTouch: Small touch gesture library compatible with PC and mobile.
  • Zoom: Multi-touch gestures for zooming and dragging for React.

Cursor Utils

  • Blobity: Next level cursor style library.

Animation

Loading Effect Animation

Spinner

  • UIBall: Modern, tree-shakeable loader and spinner web components.
  • Spinners: Loading spinner components for React.
  • Epic: Easy to use CSS spinners collection with Vue.js integration.

Progress Bar

Skeleton

Hover Effect Animation

  • Hover.css: Collection of CSS3 powered hover effects to be applied to links, buttons, images.

MicroInteraction Animation

Typing Effect Animation

Time Utils

Date Utils

Calendar Utils

  • Calendar: Ultimate calendar for React app.
  • BigCalendar: Google/Outlook like calendar component for React.

Internationalization Utils

  • FormatJS: Internationalize web apps on client and server.
  • i18n: Internationalization for React done right.
  • Globalize: Leverages official unicode CLDR JSON data.
  • Dinero: Create, calculate and format money in TypeScript.
  • AutoNumeric: Numbers and currencies.
  • Kiwi: Alibaba i18n solution.

Accessibility Tools

Fonts

Image

Avatar

Emoji

Icon

SVG

  • SVG.js: Lightweight library for manipulating and animating SVG.
  • ReSVG.js: High-performance Rust SVG renderer and toolkit.
  • SVGO: Node.js tool for optimizing SVG files.
  • Logos: Huge collection of SVG logos.
  • DVI2SVG: A fast DVI, EPS, and PDF to SVG converter.

Image Utils

  • PhotoSwipe: JavaScript image gallery and lightbox.
  • LightGallery: Customizable, modular, responsive, lightbox gallery plugin.
  • ReactLightBox: Modern React lightbox component.
  • Viewer.js: Images viewer gallery.
  • PhotoView: Exquisite React photo preview component.
  • Zoom: Medium style image zoom for React.

Image Editor

  • AdvancedCropper: React cropper library that embraces power of the advanced cropper core.
  • ImageCrop: React image cropping tool.
  • EasyCrop: Crop images and videos with easy interactions.
  • Slider: Image comparison slider.
  • Cropper.js: JavaScript image cropper.

Canvas

Blocks

2D Engine

  • PixiJS: Create beautiful digital content with fast and flexible 2D WebGL renderer.
  • Fabric.js: JavaScript canvas library and SVG2Canvas parser.
  • Rough.js: Create graphics with a hand-drawn, sketchy, appearance.
  • NewCar: Modern animation engine based on CanvasKit-WASM.

3D Engine

  • Three: React renderer @react-three/fiber for Three.js.
  • Drei: Collection of useful helpers and fully functional abstractions for @react-three/fiber.
  • UIKit: User interfaces for @react-three/fiber.
  • Rapier: Rapier physics in React.
  • P5.js: Utilize P5 sketches within React apps.
  • Babylon.js: Powerful, beautiful, simple, and open game and rendering engine.
  • Gala: Web-first and mobile-first high-performance real-time development platform.
  • Mesh: Mesh replacement for THREE.Line.
  • Threlte: 3D framework for Svelte.

Media

Audio

  • Howler.js: JavasScript audio library for modern web.
  • Audio.ts: Agnostic library easy to work with AudioContext and create audio playlists.
  • Meyda: Audio feature extraction.
  • WaveSurfer: Navigable waveform built on web audio and canvas.
  • Peaks: JavaScript UI component for interacting with audio waveforms.
  • Tonal: Functional music theory library.
  • AlphaTab: Cross platform music notation and guitar tablature rendering library.

Video

  • Video.js: HTML5 video player.
  • Griffith: ZhiHu web video player for React.
  • Plyr: Simple HTML5 YouTube and Vimeo player.
  • Player: Playing variety of URLs.
  • YouTube.js: Full-featured wrapper around InnerTube API.
  • Remotion: Create videos programmatically in React.
  • Liqvid: React interactive video library.
  • Shaka: Adaptive media formats player library.
  • HLS.js: Play HLS (HTTP Live Streaming) in browsers with support for MSE (MediaSource Extensions).

Camera

Geolocation

  • MapBox: React friendly API wrapper around MapboxGL.
  • Turf: Modular geospatial engine.
  • Leaflet: React components for Leaflet maps.

SMS

Phone

  • Twilio.
  • Fonoster: Open source alternative to Twilio.
  • Wechaty: Conversational RPA SDK for chatbot makers.

Email

  • MJ-ML: Responsive email framework.
  • Email: Modern, high-quality and unstyled React components for creating emails.
  • Mailing: Build, test, send emails with React.
  • Mailer: Send emails with Node.js.
  • MailParser: Decode mime formatted emails.
  • MailGen: Generates clean, responsive HTML emails with Node.js
  • MailSpring: Beautiful, fast and fully mail client for macOS, Windows and Linux.
  • Exists: Check if an email address exists without sending any email, written in Rust.

Robot

  • GrammY: Telegram bot framework.
  • Discord: Create Discord bot with TypeScript and decorators.
  • UrbanBot: Universal React chatbot library.

File

File Uploader

  • Filepond: Flexible and fun JavaScript file upload library.
  • Uppy: File uploader for web browsers.
  • SpaceDrive: Cross-platform file explorer powered by virtual distributed filesystem.

File Downloader

  • YouGet: Dumb downloader that scrapes the web.
  • Motrix: Full-featured download manager.

File Utils

  • FSExtra.
  • MemFS: JavaScript file system utilities.
  • Globby: User-friendly glob matching.
  • Chokidar: Efficient cross-platform file watching library.
  • Mkdirp: mkdir -p util for Node.js.
  • RimRaf: rm -rf util for Node.js.
  • ReNamer: Rename files in bulk.
  • Steno: Specialized fast async file writer.
  • FileType: Detect the file type of a Buffer/Uint8Array/ArrayBuffer.
  • FileSize: Generate a human readable String describing the file size.
  • SimpleGit: Lightweight interface for running git commands.
  • WebDAV: WebDAV client written in TypeScript for Node.js and browser.

PDF Utils

  • PDF: Display PDFs in React app as easily as if they were images.
  • PDF.js: PDF reader in JavaScript.
  • PDFMake: JavaScript PDF printing library for web and Node.js.
  • PDFKit: JavaScript PDF generation library for web and Node.js.
  • Docx: Easily generate .docx files with TypeScript.

Persistent Storage

  • JSCookie: Lightweight JavaScript API for handling browser cookies.
  • Cookies: Load and save cookies for React application.
  • Nookies: Next.js cookie helpers.

Web Storage

  • DeXie: Minimalistic wrapper for IndexedDB.
  • Storage: Web storage API wrapper.
  • PouchDB: Pocket-sized and offline-first database for browser.
  • ImmortalDB: Relentless key-value store for browser.
  • RxDB: Fast, offline-first, reactive database.
  • TinyBase: Reactive data store for local‑first apps.
  • OPfsTools: Origin private file system API wrapper.

Database

  • Prisma: Next-generation ORM tool.
  • Sequelize: Easy-to-use and promise-based multi SQL dialects ORM tool.
  • Drizzle: Headless TypeScript ORM tool.
  • Mikro: TypeScript ORM based on data mapper, unit of work and identity map patterns.
  • NocoDB: Open source alternative to AirTable.
  • Directus: No-code data collaboration app for SQL database.
  • LowDB: Simple JSON database.
  • CR-SQLite: Convergent and replicated SQLite with multi-writer and CRDT support.
  • SQLite3: Fastest and simplest library for SQLite3 in Node.js.

Search UI

  • InstanceSearch: Building performant and instant search experiences with Algolia.
  • SearchKit: Search UI for Elasticsearch and OpenSearch.

Search Engine

  • TypeSense: Open source alternative to Algolia and easier-to-use alternative to ElasticSearch.
  • Lunr.js: Full text search engine.
  • Solr: Solr client.
  • JieBa: Chinese text segmentation.
  • Docusaurus: Local search plugin based on Lunr.js.
  • Fuse: Lightweight fuzzy search JavaScript library.
  • MiniSearch: Powerful in-memory full-text search engine.

SEO

  • UnHead: Document head manager built for performance and delightful developer experience.

Editor

Rich Text Editor

  • Quill: Modern WYSIWYG editor built for compatibility and extensibility.
  • Slate: Customizable rich text editor framework.
  • Editor.js: Block-styled rich text editor.
  • TipTap: Collaborative and headless WYSIWYG text editor framework.
  • Lexical: Extensible text editor framework that provides reliability, accessibility and performance.
  • Verbum: Fully flexible text editor based on Lexical framework.
  • TinyMCE: World #1 JavaScript library for rich text editing.
  • ReactPage: Highly customizable WYSIWYG content editor.
  • ProseMirror: Collaborative and semantic rich text editing.

Markdown Editor

  • MilkDown: Plugin driven WYSIWYG Markdown editor framework.
  • Vditor: Multiple mode Markdown editor: WYSIWYG, instant rendering and split view modes.
  • Markdown: Markdown component for React.

Code Editor

  • Monaco: Powers VS Code.
  • ACE: Ajax.org Cloud9 editor.
  • CodeMirror: In-browser code editor.
  • Zed: High-performance, multiplayer code editor written in Rust.
  • Xi: Modern editor with a backend written in Rust.
  • Simple: React simple code editor.

Live Editor and Playground

  • SandPack: Toolkit for creating live-running code editing experiences.
  • Live: Flexible playground for live editing React components.
  • Runner: Run React code on the go.
  • Histoire: Fast and beautiful interactive component playground powered by Vite.
  • SyncedStore: CRDT for building live and collaborative applications.
  • YJS: Shared CRDT data types for building collaborative software.
  • AutoMerge: Fast implementations of several different CRDTs.

Web IDE

Low-Code Editor

  • LowCodeEngine: Enterprise-class low-code technology stack.
  • TMagic: Tencent low-code editor.
  • ToolJet: Extensible low-code framework for building business applications.
  • AppSmith: Low-code project to build admin panels, internal tools, and dashboards.
  • BuildBase: Low-code platform for creating internal apps, workflows, and admin panels.
  • NocoBase: Scalability-first low-code development platform.
  • SunMao: Low-code developing framework.
  • ReactType: Prototyping tool for exporting React applications.
  • Puck: Visual editor for React.

Compiler

Language Parser

JavaScript Parser and Engine

  • Babel.js: Compiler for writing next generation JavaScript.
  • Sucrase: Super-fast alternative to Babel.js targeting modern JavaScript runtime.
  • Acorn: Small, fast, JavaScript-based JavaScript parser.
  • Espree: Esprima-compatible JavaScript parser.
  • ReactDocGen: React TypeScript components properties parser.
  • Boa: Embed JavaScript engine written in Rust.
  • QuickJS: Small and embedded JavaScript engine.

Markdown Parser and Render

CLI

CLI Solution

  • Oclif: Open CLI framework.
  • Ink: React CLI app.
  • Execa: Process execution for humans.
  • ZX: Bash wrapper for Node.js.
  • ShellJS: Portable Unix shell commands for Node.js.
  • Nexe: EXE wrapper for Node.js.

CLI Utils

CLI Process Utils

CLI Input Utils

CLI Output Utils

CLI Tools

CLI Compiler

CLI Packager

CLI Cheat Sheet

  • TLDR: Help pages for command-line tools.

Terminal

  • Hyper: Electron terminal.
  • Xterm.js: Xterm terminal for web.
  • Fig: IDE-style autocomplete for terminal and shell.
  • Eruda: Console for mobile browsers.
  • Warp: Modern and Rust-based AI terminal.

Network

Network Protocols

HTTP

  • Fetch: Lightweight fetch module for Node.js.
  • Undici: HTTP/1.1 client.
  • MKCert: Make locally trusted development certificates.

WebSocket

  • Socket.IO.
  • WebSockets: Blazing fast and thoroughly tested WebSocket client and server for Node.js
  • uWebSockets: Simple, secure and standards compliant WebSockets.
  • SocketCluster: Highly scalable realtime framework.
  • Soketi: Fast and resilient WebSockets server.

WebRTC

  • Meet: Secure, simple and scalable video conferences.
  • PeerJS: Simple peer-to-peer with WebRTC.
  • LiveKit.

Prefetch

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

Lazy Loading

Network Benchmark

  • HTrace: HTTP/HTTPS troubleshooting and profiling.
  • AutoCannon: HTTP/HTTPS benchmarking tool.

Network Debugging

PWA and Web Workers

  • Workbox: Progressive web apps toolbox.
  • PartyTown: Relocate resource intensive third-party scripts into web worker.
  • Comlink: Shared class between web workers.

Web3

  • TypeChain: Ethereum smart contracts bindings.
  • Web3.js: Ethereum API.
  • Ethers.js: Complete Ethereum library and wallet.
  • Foundry: Blazing fast, portable and modular Ethereum application development toolkit.
  • Truffle: Smart contracts development toolkit.
  • HardHat: Ethereum software development environment.
  • Waffle: Writing and testing smart contracts.
  • Remix: Browser-based Ethereum smart contracts development IDE.
  • Web3UI: Lightweight reusable Web3 UI components.
  • Moralis: Moralis React hooks and components.
  • ThirdWeb: Ultimate Web3 React hooks collection.
  • MetaMask: Ethereum blockchain apps browser extension.

Security

Crypto

Auth

  • SuperTokens: Open source alternative to Auth0 / Firebase Auth / AWS Cognito.
  • NextAuth: Next.js authentication.
  • LuciaAuth: Simple session authentication.
  • Oslo: Collection of auth-related utilities.

XSS

  • DOMPurify: DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

Backend Server

Middlewares

Node.js Utils

  • Patch: Fix broken Node.js modules instantly.
  • ImportLocal: Use locally installed version.
  • ENV: Check code running environment.
  • CI: Get details about current continuous integration environment.

Serverless

API Development

  • tRPC: End-to-end type-safe APIs server.
  • HopScotch: API development ecosystem.
  • SwaggerCodegen: Template-driven engine to generate documentation, API clients and server stubs.
  • SwaggerUI: Generate beautiful documentation from Swagger-compliant API.
  • DevDocs.

BaaS

  • Cloudflare: Cloudflare free toolkits and resources.
  • Firebase: App development platform.
  • SuperBase: Open source alternative to Firebase.
  • Convex: Backend-as-a-service for fullstack app development.
  • AirTable: Google sheets alternative.
  • libSQL: Fully managed database platform.
  • PlanetScale: Ultimate MySQL database platform.
  • Chat2DB: AI-driven data management platform.
  • ValTown: Collaborative, flexible environment for creating and running JavaScript.

AI

Vectors and Embeddings

  • OpenCLIP: Encodes images and text into numerical vectors.
  • Chroma: AI-native embedding database.
  • FaISS: Similarity searching and dense vectors clustering library.

CV

  • Tesseract: Image recognition Tesseract OCR engine.

LLM

  • LangChain: LLM framework.
  • Transformers: Run HuggingFace transformers directly in browser.
  • OLlamaUI: User-friendly web UI for LLMs.
  • Vercel.ai: Build AI-powered web applications.
  • TypeChat: Makes it easy to build natural language interfaces.
  • LocalLLMs: Curated list of locally running LLMs.
  • OLlama: Get up and running large language models locally.
  • Jan: Offline local ChatGPT.

AIaaS

  • JinaAI: Build multimodal AI applications with cloud-native stack.
  • LeptonAI: Simplify AI service building.

AI Copilot

  • CopilotKit: Building custom AI copilots.
  • ChatHub: All-in-one chatbot client.
  • WebChatGPT: Augments ChatGPT prompts with web results.
  • C4G: ChatGPT for Google.
  • Sider: ChatGPT4-driven browser copilot.
  • Monica: ChatGPT4-driven browser copilot.
  • Merlin: 1-click access browser copilot.
  • Max: 1-click access browser copilot.
  • TinaMind: ChatGPT-driven free browser copilot.
  • Glarity: Summaries copilot.
  • GrammarLy: Free writing and grammar checker copilot.
  • DeepL: Free translation copilot.
  • ZipZap: Multilingual translation copilot.
  • CodeAI: Curated list of coding copilot.

AI Agent

  • PRAgent: Codium AI-powered tool for automated pull request analysis, feedback and suggestions.
  • SWEAgent: Princeton GitHub issues auto-fixer.

Debugging and Testing

Unit Testing

Visual Testing

End to End Testing

  • PlayWright: Automate Chromium, Firefox and Webkit with single API.
  • Cypress.
  • NightWatch: End to end testing framework.
  • WebDriver: Next generation browser and mobile automation test framework.
  • WebHint.
  • TestCafe: Automate end-to-end web testing for Node.js.

Headless Automation Tools

  • Puppeteer: Headless Chrome tools.
  • PuppeteerExtra: Modular plugin framework for Puppeteer.
  • RRWeb: Record and replay web.
  • Selenium.
  • Appium.
  • Cheerio: jQuery server tools.
  • Crawlee: Web scraping and browser automation library.
  • X-Crawl: Flexible Node.js AI-assisted crawler library.
  • CRI: Chrome remote interface for Chrome devtools protocol.

Code Analysis Tools

  • SourceGraph: Universal code search.
  • SonarSource: Static source code analyzer.
  • ASTExplorer.
  • PMD: Extensible multi-language static code analyzer.
  • SpotBugs.
  • Madge: Create graphs from AMD, CJS or ESM dependencies.
  • Code2Flow: Call graphs generation for dynamic languages.
  • ASTGrep: Rust CLI tool for code structural search, lint and rewriting.

Code Coverage Tools

Code Quality Tools

  • Checklist: Perfect frontend checklist for modern websites and meticulous developers.
  • CSSStats: Visualize various stats about CSS.
  • Wallace: Pretty CSS analytics on the CLI.
  • TextLint: Natural language linter for text and Markdown.
  • JSCPD: Copy paste detector.
  • SizeLimit: Calculate real cost to keep good performance.
  • Knip: Find unused files, dependencies and exports in JavaScript and TypeScript.

Inspect Tools

  • Reactotron: Desktop app for inspecting React and React Native apps.
  • Tracking: Declarative tracking for React apps.
  • Tracked: State usage tracking with proxies for React apps.
  • RenderTracker: Discover performance issues related to unintentional re-renders and unmounts.
  • OpenReplay: Session replay tool.

Analytics and Monitoring Tools

  • NetData: Monitor servers, containers, and applications in high-resolution and in real-time.
  • Grafana: Open and composable observability and data visualization platform.
  • Plausible: Lightweight and privacy-friendly alternative to Google Analytics.
  • UptimeKuma: Fancy self-hosted monitoring tool.
  • OneUptime: Comprehensive solution for monitoring and managing online services.
  • BetterStack: Uptime and logging platform.
  • Sentry: Developer-first error tracking and performance monitoring.
  • OpenTelemetry: Traces and metrics framework.
  • Clarity: Behavioral analytics library that uses DOM mutations and user interactions.
  • CounterScale: Free scalable web analytics running on Cloudflare.

Performance Tools

  • Lighthouse: Automated auditing, performance metrics, and best practices for the web.
  • WebVitals: Google essential metrics for healthy site.
  • WebPageTest.
  • MemLab: Memory leaks and heap snapshots analysis framework.
  • Perfume.js: Measuring performance vitals metrics.
  • Clinic: Diagnoses Node.js performance issues.
  • 0x: Single-command flame graph profiling.
  • HyperFine: Benchmarking command-line.
  • ByteHound: Memory profiler for Linux.
  • Render: Notify about potentially avoidable re-renders in React and React Native apps.
  • Benchmark: Benchmark React components and their trees.
  • Geiger: Audio React performance.
  • V8CompileCache: require hook for automatic V8 compile cache persistence.
  • Brotli: Brotli compression format.

Log Tools

  • Winston: Logger for just about everything.
  • Pino: Super fast, all natural JSON logger.
  • Log4.js.
  • GoAccess: Real-time web log analyzer and interactive viewer.
  • Stacktrace.js: Generate, parse and enhance JavaScript stack traces in web browsers.

Mock Tools

Mock Servers

  • SuperTest: Super-agent driven HTTP servers integration testing.
  • JSONServer: Fake REST API with zero coding.
  • GraphQLServer: Fake GraphQL API with zero coding.
  • Prism: Turn OpenAPI2/3 and Postman Collection file into API server with mocking, transformations and validations.

Mock Utils

  • MSW: Seamless REST/GraphQL API mocking service worker.
  • Nock: HTTP server mocking and expectations library.
  • Faker.js: Generate massive amounts of realistic fake data.
  • Axios: Axios mock adapter that allows to easily mock requests.
  • MemFS: In-memory file system for Node.js.
  • MockRTC: Powerful friendly WebRTC mock proxy.

Mock APIs

Security Tools

UML Tools

  • Mermaid: Generation of diagram and flowchart from text or Markdown.
  • Draw.io.
  • FlowChart: Draws simple SVG flow chart diagrams from textual representation of diagram.
  • PlantUML: Generate UML diagram from textual description.
  • DrawDB: Simple and intuitive online database design tool and SQL generator.

DevOps Tools

DevOps Platform

  • Lens: Kubernetes platform.
  • KubeSphere.
  • Cat: MeiTuan application performance monitoring system.
  • SkyWalking: Apache application performance monitoring system.

DevOps Project and MonoRepo Tools

DevOps Version Tools

DevOps Automation CI and CD Tools

  • Probot: Framework for building GitHub apps to automate workflow.
  • ActionsToolkit: Building GitHub actions.
  • Chokidar: Minimal cross-platform file watching library.
  • ACT: Local GitHub action runner.
  • TerraForm.

GitHub Actions

Basic Actions

Project Actions

Testing Actions

Analysis Actions

Building Actions

Deployment Actions

DevOps Config Tools

  • DotEnv.
  • CosmiConfig: Find and load configuration.
  • EnvInfo: Generate report about development environment for debugging and issue reporting.
  • Unleash: Feature toggle service.

DevOps Registry and Mirrors

  • Verdaccio: Lightweight private proxy registry build in Node.js.

Documentation

Changelog

Markdown Documentation

  • Docusaurus: Easy to maintain documentation websites with React stack.
  • Nextra: Next.js MDX documentation static site generator.
  • VuePress: Minimalistic Vue-powered static site generator.
  • Wiki.js: Modern and powerful wiki app.

JavaScript Documentation

  • JSDoc: JavaScript documentation generator.
  • TypeDoc: TypeScript documentation generator.
  • Documentation.js: Modern JavaScript documentation.

React Documentation

  • Storybook: Live component documentation.
  • Docz: React component documentation tool built on Gatsby.
  • StyleGuidist: Isolated React component development environment with living style guide.
  • DUmi: Documentation generator of React component.
  • Ladle: Faster Storybook.
  • ReactDocGen: Extract React component information for documentation generation purposes.