---
sidebar_label: Library
author: Sabertazimi
authorTitle: Web Developer
authorURL: https://github.com/sabertazimi
authorImageURL: https://github.com/sabertazimi.png
tags: [Web, Library]
---

# Library

import LibraryGallery from '@site/src/components/library-gallery'

<LibraryGallery content="

## Collections

- [LibHunt](https://www.libhunt.com):
  Discover awesome open-source projects and their alternatives.
- [BestOfJS](https://github.com/bestofjs/bestofjs):
  Find best components to build amazing web applications.
- [Snyk](https://snyk.io/advisor):
  Find best package for your next project.
- [StarHistory](https://github.com/star-history/star-history):
  Star history graph of GitHub repos.

## Boilerplate

### Generators and CLI

- [Expo](https://github.com/expo/expo):
  Create React Native app.
- [T3](https://github.com/t3-oss/create-t3-app):
  Create fullstack and type-safe Next.js app.
- [Vue](https://github.com/vuejs/create-vue):
  Create Vue app.
- [Modern](https://github.com/modern-js-dev/modern.js):
  Meta-framework suite designed for frontend-focused modern web development.
- [Projen](https://github.com/projen/projen):
  New generation of project generators.
- [Hygen](https://github.com/jondot/hygen):
  Component generator.
- [Plop](https://github.com/plopjs/plop):
  Micro-generator framework to create files with uniformity.
- [UnBuild](https://github.com/unjs/unbuild):
  Unified JavaScript build system.
- [UniBest](https://github.com/unibest-tech/unibest):
  Out-of-box uni-app boilerplate.
- [Uni](https://github.com/uni-helper/create-uni):
  Create uni-app project.
- [WeAppVite](https://github.com/weapp-vite/weapp-vite):
  Vite plugin for WeApp.

### Boilerplate and Templates

- [Starter](https://github.com/kriasoft/react-starter-kit):
  React fullstack app boilerplate.
- [Start](https://github.com/BearStudio/start-ui-web):
  TanStack boilerplate.
- [Plasmo](https://github.com/PlasmoHQ/plasmo):
  Browser extension framework.
- [WXT](https://github.com/wxt-dev/wxt):
  Next-gen web extension framework.
- [Extension.js](https://github.com/extension-js/extension.js):
  Plug-and-play, zero-config, cross-browser extension development.

## Framework and Solution

### Frontend Solution

- [Next](https://github.com/vercel/next.js).
- [Nuxt](https://github.com/nuxt/nuxt.js).
- [Remix](https://github.com/remix-run/remix):
  Fullstack web framework.
- [Gatsby](https://github.com/gatsbyjs/gatsby).
- [UMI](https://github.com/umijs/umi).
- [IceWorks](https://github.com/alibaba/ice).
- [Blitz](https://github.com/blitz-js/blitz):
  Fullstack React framework.
- [Hydrogen](https://github.com/Shopify/hydrogen):
  React-based framework for building Shopify-powered custom storefronts.

### Micro Frontends Solution

- [QianKun](https://github.com/umijs/qiankun):
  Blazing fast, simple and complete solution for micro frontends.
- [IceStark](https://github.com/ice-lab/icestark):
  Micro frontends solution for large application.
- [Garfish](https://github.com/bytedance/garfish):
  ByteDance micro frontends framework.

### Backend Solution

- [Nest](https://github.com/nestjs/nest):
  Enterprise-grade server-side applications on top of TypeScript.
- [Fastify](https://github.com/fastify/fastify):
  Fast and low overhead web framework.
- [HoNo](https://github.com/honojs/hono):
  Web framework built on web standards.
- [Feathers.js](https://github.com/feathersjs/feathers):
  Real-time applications framework based on Socket.io.
- [RedWood](https://github.com/redwoodjs/redwood):
  App framework for startups.
- [Amplication](https://github.com/amplication/amplication):
  Low-code but high quality applications.
- [LoopBack](https://github.com/loopbackio/loopback-next):
  Build modern API applications.
- [Adonis](https://github.com/adonisjs/core):
  TypeScript-first web framework with support for testing and modern tooling.
- [ElySia](https://github.com/elysiajs/elysia):
  Ergonomic framework for humans supercharged by Bun.
- [Oak](https://github.com/oakserver/oak):
  Middleware framework for handling HTTP with Deno, Bun and Cloudflare Workers.
- [Wasp](https://github.com/wasp-lang/wasp):
  Fastest way to develop fullstack web apps with React and Node.js.

### Headless CMS

- [Strapi](https://github.com/strapi/strapi):
  Leading headless CMS.
- [Ghost](https://github.com/TryGhost/Ghost):
  Modern publishing, memberships, subscriptions and newsletters.
- [Payload](https://github.com/payloadcms/payload):
  Fullstack Next.js framework.
- [Tina](https://github.com/tinacms/tinacms):
  Markdown and visual editing.
- [Keystone](https://github.com/keystonejs/keystone):
  GraphQL headless CMS.

### Desktop Solution

- [Electron](https://github.com/electron/forge):
  Build and publish Electron applications.
- [Tauri](https://github.com/tauri-apps/tauri):
  Smaller, faster and more secure Rust application.
- [Neutralino](https://github.com/neutralinojs/neutralinojs):
  Portable and lightweight cross-platform C++ application.
- [WasmER](https://github.com/wasmerio/wasmer):
  Leading WASM runtime.
- [DioXus](https://github.com/dioxuslabs/dioxus):
  Fullstack GUI library for web, desktop, mobile, and more.

### Mobile Solution

- [Expo](https://github.com/expo/expo):
  Making universal native apps with React on Android, iOS and web.
- [UniAPP](https://github.com/dcloudio/uni-app):
  Vue for mobile development.
- [Taro](https://github.com/NervJS/taro):
  Cross-platform and cross-framework solution to develop mini-programs.

## State Management

### Atom State Management

- [Zustand](https://github.com/pmndrs/zustand):
  Small, fast and scalable bear-bones state-management solution.
- [JoTai](https://github.com/pmndrs/jotai):
  Primitive and flexible state management library.
- [Valtio](https://github.com/pmndrs/valtio):
  Proxy-state simple for React and VanillaJS.
- [NanoStores](https://github.com/nanostores/nanostores):
  Atomic tree-shakable stores.
- [Signals](https://github.com/preactjs/signals):
  Vue-style and performant state management library.
- [Pinia](https://github.com/vuejs/pinia):
  Next generation Vue store.

### Redux State Management

- [ReduxToolkit](https://github.com/reduxjs/redux-toolkit):
  Official core set for efficient Redux development.
- [Rematch](https://github.com/rematch/rematch):
  Redux framework.
- [Reselect](https://github.com/reduxjs/reselect):
  Selector library for Redux.
- [Immer](https://github.com/immerjs/immer):
  Create next immutable state by mutating current one.

### Reactive State Management

- [XState](https://github.com/statelyai/xstate):
  State machines and state charts for modern web.
- [ReduxObservable](https://github.com/redux-observable/redux-observable):
  RxJS middleware for Redux.

### Server State Management

- [RTKQuery](https://redux-toolkit.js.org/rtk-query/overview):
  Redux toolkit server state solution.
- [TanStackQuery](https://github.com/TanStack/query):
  Fetching, caching, synchronizing and updating server state.
- [SWR](https://github.com/vercel/swr):
  React hooks for remote data fetching.
- [Apollo](https://github.com/apollographql/apollo-client):
  Fully-featured, production ready caching GraphQL client.
- [URQL](https://github.com/urql-graphql/urql):
  Highly customizable and versatile GraphQL client.
- [Evolution](https://github.com/evoluhq/evolu):
  Local-first platform for privacy and ease of use.

### Router State Management

- [URLQueryState](https://github.com/47ng/nuqs):
  Type-safe search params state manager, `useState` but stored in URL query string.
- [TanStackRouter](https://github.com/TanStack/router):
  Fully type-safe router for React built-in caching with 1st class search-param APIs.
- [Router](https://github.com/molefrog/wouter):
  Minimalist-friendly router for React and Preact.

## Hooks

- [ReactUse](https://github.com/streamich/react-use).
- [AHooks](https://github.com/alibaba/hooks):
  Alibaba hooks.
- [UseHooks](https://github.com/uidotdev/usehooks):
  JavaScript hooks.
- [UseHooksTS](https://github.com/juliencrn/useHooks-ts):
  TypeScript hooks.
- [VueUse](https://github.com/vueuse/vueuse).

### State Hooks

- [Optimistic](https://github.com/perceived-dev/optimistic-state):
  Optimistic state with rollbacks and race condition handling.

### Sensor Hooks

- [Responsive](https://github.com/yocontra/react-responsive):
  Media query hook.

### Timer Hooks

- [IdleTimer](https://github.com/SupremeTechnopriest/react-idle-timer):
  User activity timer component.

### AI Hooks

- [UseMCP](https://github.com/modelcontextprotocol/use-mcp).

## JavaScript

- [Cash](https://github.com/fabiospampinato/cash):
  jQuery lite.
- [HappyDOM](https://github.com/capricorn86/happy-dom):
  Browser native API.
- [Construct](https://github.com/francisrstokes/construct-js):
  Byte-level data structures.
- [Toolbox](https://github.com/Maximization/nodejs-toolbox-catalog):
  Catalog of categories and libraries for Node.js.

### Math Engine

- [HyperFormula](https://github.com/handsontable/hyperformula):
  Excel-like calculation engine.
- [DanFo.js](https://github.com/javascriptdata/danfojs):
  High performance structured data manipulating and processing.

### String

- [StrMan](https://github.com/dleitee/strman):
  String manipulation.
- [FuzzBall](https://github.com/nol13/fuzzball.js):
  Fuzzy string matching.
- [UrlUnShort](https://github.com/nodeca/url-unshort):
  Short links expander.

#### Glob

- [Glob](https://github.com/isaacs/node-glob):
  Glob functionality.
- [Minimatch](https://github.com/isaacs/minimatch):
  Glob matcher.
- [FastGlob](https://github.com/mrmlnc/fast-glob):
  Fast and efficient glob library.

#### Regular Expression

- [Validator](https://github.com/validatorjs/validator.js):
  Common RegExp patterns.
- [RE2](https://github.com/uhop/node-re2):
  Fast, safe alternative to backtracking regular expression engines.
- [RegExr](https://github.com/gskinner/regexr):
  Creating, testing and learning about regular expressions.
- [Regex101](https://github.com/firasdib/Regex101):
  Build, test and debug regular expressions.
- [RegexVis](https://github.com/Bowen7/regex-vis):
  Regex visualizer and editor.

### Concurrent and Parallel Programming

- [PQueue](https://github.com/sindresorhus/p-queue):
  Promise queue with concurrency control.
- [PMap](https://github.com/sindresorhus/p-map):
  Map over promises concurrently.
- [WorkerPool](https://github.com/josdejong/workerpool):
  Offload tasks to workers on Node.js and in browser.
- [TinyPool](https://github.com/tinylibs/tinypool):
  Minimal and tiny worker thread pool.
- [Scheduling](https://github.com/astoilkov/main-thread-scheduling):
  Fast and consistently responsive apps using single function call.
- [GRFN](https://github.com/TomerAberbach/grfn):
  Executes dependency graph of async functions concurrently.
- [Croner](https://github.com/hexagon/croner):
  Evaluate cron expressions.

### Functional Programming

- [Immer](https://github.com/immerjs/immer):
  Create next immutable state by mutating current one.
- [FP](https://github.com/gcanti/fp-ts):
  Functional programming in TypeScript.
- [ProxyMemoize](https://github.com/dai-shi/proxy-memoize):
  Intuitive magical memoization with proxy and weakmap.
- [Mutative](https://github.com/unadlib/mutative):
  Blazing fast immutable updates.

### IOC and DI

- [InversifyJS](https://github.com/inversify/InversifyJS):
  Powerful and lightweight inversion of control container.
- [Awilix](https://github.com/jeffijoe/awilix):
  Powerful inversion of control container.
- [TypeDI](https://github.com/typestack/typedi):
  Powerful dependency injection.

### Browser

- [Modernizr](https://github.com/Modernizr/Modernizr):
  HTML5 and CSS3 browser feature detection.
- [Browser](https://github.com/lancedikson/bowser):
  Browser platform detection.
- [UAParser](https://github.com/faisalman/ua-parser-js):
  User-agent data parser.

## TypeScript

- [TSConfig](https://github.com/tsconfig/bases):
  Extensible TypeScript configuration.
- [TSNode](https://github.com/TypeStrong/ts-node).
- [TSJest](https://github.com/kulshekhar/ts-jest).
- [TSD](https://github.com/SamVerschueren/tsd):
  Type definitions testing.
- [TypeCoverage](https://github.com/plantain-00/type-coverage):
  Type definitions coverage.
- [DefinitelyTyped](https://github.com/microsoft/DefinitelyTyped-tools):
  Infrastructure for DefinitelyTyped.
- [DTSGen](https://github.com/microsoft/dts-gen):
  Creates starter TypeScript definition files for any module or library.

### TypeScript Utility Types

- [Effect](https://github.com/Effect-TS/effect):
  Build robust applications in TypeScript.
- [TypeFest](https://github.com/sindresorhus/type-fest):
  Collection of essential TypeScript types.
- [Utility](https://github.com/piotrwitek/utility-types):
  Collection of utility types.
- [TSReset](https://github.com/total-typescript/ts-reset):
  Improving types for common JavaScript APIs.

### TypeScript Schema

- [TypeBox](https://github.com/sinclairzx81/typebox):
  JSON schema type builder.
- [AutoMapper](https://github.com/nartc/mapper):
  Object to object auto mapper.
- [OW](https://github.com/sindresorhus/ow):
  Function argument validation for humans.
- [SuperJSON](https://github.com/blitz-js/superjson).
- [TSPattern](https://github.com/gvergnaud/ts-pattern):
  Pattern matching library (Rust/Haskell) for TypeScript.

### TypeScript AST

- [Morph](https://github.com/nadeesha/ts-morph).
- [Morpher](https://github.com/LinbuduLab/morpher).
- [Prune](https://github.com/nadeesha/ts-prune).

## UI Framework

### CSS UI Framework

- [Bootstrap.css](https://github.com/twbs/bootstrap).
- [Pico.css](https://github.com/picocss/pico).
- [MVP.css](https://github.com/andybrewer/mvp).
- [Paper.css](https://github.com/papercss/papercss).
- [UIVerse](https://github.com/uiverse-io/galaxy):
  UI gallery made with CSS and Tailwind.

### Atomic Utility UI Framework

- [Tailwind](https://github.com/tailwindlabs/tailwindcss):
  Utility-first CSS framework for rapid UI development.
- [Daisy](https://github.com/saadeghi/daisyui):
  Most popular Tailwind components plugin.
- [Elements](https://github.com/mdbootstrap/Tailwind-Elements):
  Tailwind components, sections and templates.
- [Material](https://github.com/creativetimofficial/material-tailwind):
  Easy-to-use components library for Tailwind CSS and Material Design.
- [Typography](https://github.com/tailwindlabs/tailwindcss-typography):
  Beautiful typographic defaults.
- [Form](https://github.com/tailwindlabs/tailwindcss-forms):
  Basic reset for form styles.
- [LineClamp](https://github.com/tailwindlabs/tailwindcss-line-clamp):
  Provides utilities for visually truncating text after fixed number of lines.
- [AspectRatio](https://github.com/tailwindlabs/tailwindcss-aspect-ratio):
  Provides composable API for giving elements fixed aspect ratio.
- [Fluid](https://github.com/barvian/fluid-tailwind):
  Fluid `clamp()` plugin for Tailwind that works with every utility.
- [Motion](https://github.com/romboHQ/tailwindcss-motion):
  Tailwind animation plugin in TypeScript.
- [Animate](https://github.com/Wombosvideo/tw-animate-css):
  Tailwind animation plugin in CSS.

### Headless UI Framework

- [Radix](https://github.com/radix-ui/primitives):
  Build high-quality and accessible design systems.
- [Headless](https://github.com/tailwindlabs/headlessui):
  Completely un-styled and fully accessible Tailwind React components.
- [Base](https://github.com/mui/base-ui):
  Unstyled UI components for building accessible web apps and design systems.
- [Spectrum](https://github.com/adobe/react-spectrum):
  Build adaptive, accessible and robust user experiences.
- [AriaKit](https://github.com/ariakit/ariakit):
  Accessible React components.

### Shadcn UI Framework

#### Creative Shadcn UI Framework

- [Bits](https://github.com/DavidHDev/react-bits):
  Animated and interactive components for building memorable websites.
- [Magic](https://github.com/magicuidesign/magicui):
  Animated effects based on ShadCN UI.
- [Cult](https://github.com/nolly-studio/cult-ui):
  Components crafted for design engineers.
- [Eldora](https://github.com/karthikmudunuri/eldoraui):
  UI library for design engineers.

#### Animated Shadcn UI Framework

- [Animate](https://github.com/animate-ui/animate-ui):
  Fully animated, open-source component distribution.
- [Motion](https://github.com/ibelick/motion-primitives):
  UI kit to make beautiful and animated interfaces.
- [ReUI](https://github.com/keenthemes/reui):
  UI components and animated effects.
- [Indie](https://github.com/Ali-Hussein-dev/indie-ui):
  UI components and free shadcn form builder.

#### Styled Shadcn UI Framework

- [8bit](https://github.com/TheOrcDev/8bitcn-ui):
  Retro-designed and accessible components.
- [Retro](https://github.com/Logging-Studio/RetroUI):
  NeoBrutalism styled components.

#### AI Shadcn UI Framework

- [Assistant](https://github.com/assistant-ui/assistant-ui):
  Components for AI chat.
- [PromptKit](https://github.com/ibelick/prompt-kit):
  Core building blocks for AI apps.
- [ElevenLabs](https://github.com/elevenlabs/ui):
  Build multimodal agents faster.

#### Misc Shadcn UI Framework

- [Kibo](https://github.com/shadcnblocks/kibo):
  Composable, accessible and extensible components.
- [Kokonut](https://github.com/kokonut-labs/kokonutui):
  Stunning components built with shadcn/ui and motion.
- [Marketing](https://github.com/tailark/blocks):
  Shadcn marketing blocks.
- [Billing](https://github.com/dodopayments/billingsdk):
  Modern billing and monetization UI components.
- [Tremor](https://github.com/tremorlabs/tremor):
  Build charts and dashboards.
- [MultiSelect](https://github.com/sersavan/shadcn-multi-select-component):
  Multi-select component.

#### Collection Shadcn UI Framework

- [Studio](https://github.com/themeselection/shadcn-studio):
  Collection of copy-and-paste shadcn components, blocks, and templates.
- [Tweak](https://github.com/jnsahaj/tweakcn):
  Visual no-code theme editor for shadcn/ui components.
- [Theme](https://github.com/miketromba/shadcn-themer):
  Create, customize, and share themes for shadcn/ui.

### Components UI Framework

- [Antd](https://github.com/ant-design/ant-design):
  Ant group design system.
- [Material](https://github.com/mui-org/material-ui):
  Material UI for React.
- [Hero](https://github.com/heroui-inc/heroui):
  Beautiful, fast and modern React UI library.
- [Chakra](https://github.com/chakra-ui/chakra-ui):
  Component system for building SaaS products with speed.
- [Mantine](https://github.com/mantinedev/mantine):
  Fully featured React components library.
- [BluePrint](https://github.com/palantir/blueprint):
  React-based UI toolkit for web.
- [Tamagui](https://github.com/tamagui/tamagui):
  Style and UI for React meet optimizing compiler.
- [Primer](https://github.com/primer/react):
  GitHub Primer design system.
- [Luna](https://github.com/liriliri/luna):
  Operating system components.
- [Molecule](https://github.com/DTStack/molecule):
  Lightweight web IDE UI framework.

### Admin and Dashboard UI Framework

- [Refine](https://github.com/pankod/refine):
  Building internal admin panels, dashboards & B2B apps with unmatched flexibility.
- [Admin](https://github.com/marmelab/react-admin):
  Frontend framework for building B2B applications.
- [Tremor](https://github.com/tremorlabs/tremor):
  React components to build charts and dashboards.
- [VBen](https://github.com/vbenjs/vue-vben-admin):
  Vue vBen admin system.
- [Gin](https://github.com/flipped-aurora/gin-vue-admin):
- Vue gin admin system.
- [Pure](https://github.com/pure-admin/vue-pure-admin):
  Vue pure admin system.
- [Soybean](https://github.com/soybeanjs/soybean-admin):
  Vue soybean admin system.
- [Vuestic](https://github.com/epicmaxco/vuestic-admin):
  Vue vuestic admin system.
- [Naive](https://github.com/Zheng-Changfu/pro-naive-ui):
  Naive UI admin system.

### Mobile UI Framework

- [Vant](https://github.com/youzan/vant-weapp):
  Lightweight mobile UI components.
- [NutUI](https://github.com/jd-opensource/nutui):
  Vue.js UI toolkit for mobile web.
- [UniUI](https://github.com/dcloudio/uni-ui):
  Uni-app UI toolkit.
- [Wot](https://github.com/Moonofweisheng/wot-design-uni):
  Vue 3 + TypeScript uni-app UI toolkit.
- [WeAppTailwind](https://github.com/sonofmagic/weapp-tailwindcss):
  Bring tailwindcss to WeApp.

### AI UI Framework

- [OpenWebUI](https://github.com/open-webui/open-webui):
  User-friendly AI interface.
- [CopilotKit](https://github.com/CopilotKit/CopilotKit):
  Building custom AI copilots.
- [AntDesignX](https://github.com/ant-design/x):
  Craft AI-driven interface effortlessly.
- [RuoyiElementAI](https://github.com/element-plus-x/ruoyi-element-ai):
  Enterprise AI PC application template.

## CSS

### CSS Design

- [Awesome](https://github.com/LisaDziuba/Awesome-Design-Tools):
  Design toolkit.
- [CodyHouse](https://codyhouse.co):
  CodyHouse components.
- [Create](https://cccreate.co).
- [Need](https://neede.co):
  Need design resources.
- [Interface](https://interfacer.xyz):
  Interface design resources.

### CSS Presets

- [Modern](https://github.com/sindresorhus/modern-normalize):
  Modern normalize browser default style.
- [Normalize](https://github.com/csstools/normalize.css):
  Cross-browser CSS foundation.
- [New](https://github.com/elad2412/the-new-css-reset):
  New simple and lighter CSS reset.
- [ReSS](https://github.com/filipelinhares/ress):
  Modern CSS reset.
- [DeStyle.css](https://github.com/nicolas-cusan/destyle.css):
  Opinionated reset stylesheet that provides clean slate for styling html.
- [Preset](https://github.com/csstools/postcss-plugins):
  Use modern CSS by PostCSS.
- [Viewer](https://github.com/rogden/tailwind-config-viewer):
  Visualize Tailwind configuration.

### CSS-in-JS

- [Classnames](https://github.com/JedWatson/classnames):
  Conditionally joining classNames together.
- [CLSX](https://github.com/lukeed/clsx):
  Constructing className strings conditionally.
- [Merge](https://github.com/dcastil/tailwind-merge):
  Merge Tailwind CSS classes without style conflicts.
- [TWind](https://github.com/tw-in-js/twind):
  Smallest, fastest, most feature complete Tailwind-in-JS solution.
- [StyledComponents](https://github.com/styled-components/styled-components):
  Runtime visual primitives.
- [Linaria](https://github.com/callstack/linaria):
  Zero-runtime CSS-in-TypeScript library.
- [VanillaExtract](https://github.com/vanilla-extract-css/vanilla-extract):
  Zero-runtime CSS-in-TypeScript.
- [StyleX](https://github.com/facebook/stylex):
  Styling system powers Facebook.
- [Panda](https://github.com/chakra-ui/panda):
  Universal, type-safe, CSS-in-JS Tailwind-style framework.
- [Compiled](https://github.com/atlassian-labs/compiled):
  Performant compile time CSS-in-TypeScript library.
- [CVA](https://github.com/joe-bell/cva):
  Class variance authority.

### Color

- [Color.js](https://github.com/color-js/color.js):
  Color conversion and manipulation library.
- [Chroma](https://github.com/gka/chroma.js):
  All kinds of color manipulations.
- [Color](https://github.com/Qix-/color):
  Color conversion and manipulation.
- [Thief](https://github.com/lokesh/color-thief):
  Grab color palette from image.

### Gradient

#### Gradient Collection

- [WebGradient](https://github.com/itmeo/webgradients).
- [GradientMagic](https://www.gradientmagic.com).

#### Gradient Editor

- [Neat](https://github.com/FireCMSco/neat):
  Build awesome gradients using 3D shaders.
- [GradientGenerator](https://www.joshwcomeau.com/gradient-generator).
- [CSSGradient](https://cssgradient.io).
- [EasingGradient](https://larsenwork.com/easing-gradients/#editor).
- [GradientArt](https://github.com/GradientArt/issues).

### Box Shadow

- [Neumorphism](https://github.com/adamgiebl/neumorphism):
  Generate CSS for neumorphic soft UI design.
- [BoxShadows](https://github.com/madeas/box-shadows.css):
  Cross-browser collection of CSS box-shadows.
- [ShadowPalette](https://www.joshwcomeau.com/shadow-palette):
  Shadow generator.

### Background

- [Doodle](https://github.com/css-doodle/css-doodle):
  Web component for drawing patterns based on CSS grids.
- [Clippy](https://github.com/bennettfeely/Clippy):
  Clip-path maker.
- [WickedBackground](https://wickedbackgrounds.com/app).

### Clip and Shapes

- [Clippy](https://github.com/bennettfeely/Clippy):
  Clip-path editor.
- [Fancy](https://github.com/9elements/fancy-border-radius):
  Fancy border radius.
- [Shapes](https://github.com/ashutosh1919/react-awesome-shapes):
  Awesome CSS shapes with React integration.
- [CSSGenerators](https://css-generators.com):
  Generate borders, corners, dividers and shapes.

## Components

### Navigation

- [Hamburger](https://github.com/cyntler/hamburger-react):
  Animated hamburger menu icons for React.
- [Hamburgers](https://github.com/jonsuh/hamburgers):
  Tasty CSS-animated hamburgers.
- [PageMap](https://github.com/lrsjng/pagemap).
- [ReactProSidebar](https://github.com/azouaoui-med/react-pro-sidebar):
  Customizable and responsive sidebar with dropdown menus and nested submenus.

### Button

- [ButtonGenerator](https://markodenic.com/tools/buttons-generator).
- [TailwindButtons](https://devdojo.com/tailwindcss/buttons).
- [ParticleButton](https://github.com/transitive-bullshit/react-particle-effect-button):
  Bursting particle effect buttons for React.

### Chat

- [Matrix](https://github.com/matrix-org/matrix-react-sdk).
- [JsSIP](https://github.com/versatica/JsSIP):
  Chat library.
- [AdvancedChat](https://github.com/antoine92190/vue-advanced-chat):
  Beautiful chat rooms web component.

### Comments

- [Giscus](https://github.com/giscus/giscus):
  Comment system powered by GitHub discussion.
- [Waline](https://github.com/walinejs/waline):
  Simple, safe comment system inspired by Valine.
- [Cloudflare](https://github.com/anghunk/cwd):
  Cloudflare workers discuss.

### Modal

- [Golden](https://github.com/golden-layout/golden-layout):
  Multi window layout manager.
- [WinBox](https://github.com/nextapps-de/winbox):
  HTML5 window manager.
- [NiceModal](https://github.com/eBay/nice-modal-react):
  Ebay React modal manager.

### Prompt and Toast

- [SweetAlert](https://github.com/sweetalert2/sweetalert2):
  Responsive, highly customizable and accessible (WAI-ARIA) alert.
- [Toastify](https://github.com/fkhadra/react-toastify):
  Easy React Notification.
- [HotToast](https://github.com/timolins/react-hot-toast):
  Smoking Hot React Notification.
- [NotiStack](https://github.com/iamhosseindhv/notistack):
  Highly customizable notification snack bars.
- [Sonner](https://github.com/emilkowalski/sonner):
  Opinionated toast for React.
- [Novu](https://github.com/novuhq/novu):
  Notification infrastructure for developers.

### Tooltip

- [Floating](https://github.com/floating-ui/floating-ui):
  Low-level toolkit to create interactive floating elements.
- [Tooltip](https://github.com/ReactTooltip/react-tooltip):
  React tooltip component.
- [Hint.css](https://github.com/chinchang/hint.css):
  CSS only tooltip library.

### Tag

- [Tagify](https://github.com/yaireo/tagify):
  Lightweight, efficient tags input component.

### Guide

- [Intro.js](https://github.com/usablica/intro.js):
  Lightweight, user-friendly onboarding tour library.
- [Driver.js](https://github.com/kamranahmedse/driver.js):
  Zero-dependency and vanilla JavaScript engine to drive user's focus across page.
- [Shepherd](https://github.com/shepherd-pro/shepherd):
  Guide users through tour of apps.
- [JoyRide](https://github.com/gilbarbara/react-joyride):
  Create guided tours in your apps.
- [Wizard](https://github.com/devrnt/react-use-wizard):
  React wizard (stepper) builder without hassle.
- [Onboard](https://github.com/uixmat/onborda):
  Onboarding wizard flow for Next.js powered by framer motion.

### Rating

- [ReactRating](https://github.com/awran5/react-simple-star-rating).

### Timeline

- [ReactChrono](https://github.com/prabhuignoto/react-chrono):
  Modern timeline component.
- [PlanBy](https://github.com/karolkozer/planby):
  Electronic program guide (EPG) based timeline.
- [Frappe](https://github.com/frappe/gantt):
  Interactive and modern gantt chart.
- [MarkWhen](https://github.com/kochrt/markwhen):
  Cascading timeline from Markdown-like text.

### Form

- [HookForm](https://github.com/react-hook-form/react-hook-form).
- [Formik](https://github.com/formium/formik):
  Formik for React.
- [JSONSchemaForm](https://github.com/rjsf-team/react-jsonschema-form).
- [TanStackForm](https://github.com/tanstack/form).
- [FormKit](https://github.com/formkit/formkit):
  Form toolkit for Vue.
- [Formily](https://github.com/alibaba/formily):
  Alibaba unified form builder for React and Vue.
- [XRender](https://github.com/alibaba/x-render):
  Alibaba low-code form/table/chart render.
- [HeyForm](https://github.com/heyform/heyform):
  Low-code engaging conversational form builder.
- [SurveyJS](https://github.com/surveyjs/survey-library):
  Free JavaScript form builder library.
- [FormIO](https://github.com/formio/formio):
  Form and data management platform for progressive web applications.

#### Input

- [IMask.js](https://github.com/uNmAnNeR/imaskjs):
  Vanilla JavaScript input mask.
- [AutoComplete.js](https://github.com/TarekRaafat/autoComplete.js):
  Simple autocomplete pure vanilla JavaScript library.
- [PinField](https://github.com/soywod/react-pin-field):
  Pin codes input for React.
- [OTP](https://github.com/guilhermerodz/input-otp)
  Accessible and unstyled one time password input.

#### Select

- [Select](https://github.com/JedWatson/react-select):
  Select component for React.
- [Choices](https://github.com/Choices-js/Choices):
  Customizable select text input.

#### Textarea

- [Textarea](https://github.com/Andarist/react-textarea-autosize):
  Grows with content.

#### Schema Validator

- [Zod](https://github.com/colinhacks/zod):
  TypeScript-first schema validation with static type inference.
- [Yup](https://github.com/jquense/yup):
  Dead simple Object schema validation.
- [Joi](https://github.com/sideway/joi):
  Powerful data validation library.
- [Bot](https://github.com/fabian-hiller/valibot):
  Modular and type safe schema library for validating structural data.
- [Cleave](https://github.com/nosir/cleave-zen):
  Input format checker.

### Layout

- [Grid](https://github.com/react-grid-layout/react-grid-layout):
  Drag and drop grid layout for React.
- [FullPage](https://github.com/alvarotrigo/fullPage.js):
  Create full screen pages fast and simple.
- [Allotment](https://github.com/johnwalley/allotment):
  Resizable split views.
- [Spaces](https://github.com/aeagle/react-spaces):
  Divide page or container into nestable anchored, scrollable and resizable spaces.

### List

- [TanStackVirtual](https://github.com/TanStack/virtual):
  Headless UI for virtualizing large element lists.
- [Virtualized](https://github.com/bvaughn/react-virtualized):
  Efficiently rendering large lists and tabular data for React.
- [Window](https://github.com/bvaughn/react-window):
  Brand new React virtualized.
- [Virtuoso](https://github.com/petyosi/react-virtuoso):
  Powerful virtual list component for React.
- [Sortable](https://github.com/RubaXa/Sortable):
  Reorderable drag-and-drop lists for modern browsers and touch devices.
- [VirtualScroller](https://github.com/Akryum/vue-virtual-scroller):
  Blazing fast scrolling for any amount of data in Vue.js.

### Table

- [TanStackTable](https://github.com/TanStack/table):
  Headless UI for building powerful tables and data grids.
- [AGGrid](https://github.com/ag-grid/ag-grid):
  Best JavaScript Data Table for building Enterprise Applications.
- [Glide](https://github.com/glideapps/glide-data-grid):
  Fast data grid with rich rendering, first class accessibility for React.
- [SheetJS](https://github.com/SheetJS/sheetjs):
  Spreadsheet data toolkit.
- [FortuneSheet](https://github.com/ruilisi/fortune-sheet):
  Rich Excel and Google sheets features spreadsheet library.
- [HyperFormula](https://github.com/handsontable/hyperformula):
  Complete Excel-like calculation engine written in TypeScript.

### Tree

- [Arborist](https://github.com/brimdata/react-arborist):
  React sortable, virtual and customizable tree component.
- [TreeView](https://github.com/minop1205/react-dnd-treeview):
  Draggable and droppable React tree-view component.
- [ComplexTree](https://github.com/lukasbach/react-complex-tree):
  Accessible tree component with multi-select and drag-and-drop.

### Chart Visualization

- [D3](https://github.com/d3/d3):
  Bring data to life with SVG, canvas and HTML.
- [ECharts](https://github.com/apache/echarts):
  Powerful, interactive charting and data visualization.
- [AntV](https://github.com/ant-design/ant-design-charts):
  React chart library based on G2Plot, G6, X6, L7.
- [ReCharts](https://github.com/recharts/recharts):
  Redefined chart library built with React and D3.
- [HighCharts](https://github.com/highcharts/highcharts):
  TypeScript charting framework.
- [VisX](https://github.com/airbnb/visx):
  Collection of expressive, low-level visualization primitives for React.
- [Sigma](https://github.com/jacomyal/sigma.js):
  Dedicated to graph drawing.
- [Perspective](https://github.com/finos/perspective):
  Data visualization and analytics component for large streaming datasets.
- [Ripple](https://github.com/andrewcourtice/ripl):
  Unified API for high performance 2D graphics rendering and interactive data visualization.
- [XYFlow](https://github.com/xyflow/xyflow):
  Building interactive node-based UIs, editors, flow charts and diagrams.
- [ReaFlow](https://github.com/reaviz/reaflow):
  Building workflow editors, flow charts and diagrams.
- [InfoGraphic](http://github.com/antvis/infographic):
  Next-generation infographic generation and rendering framework.

### Charts Draw

- [TLDraw](https://github.com/tldraw/tldraw):
  Creating whiteboards and canvas experiences on web.
- [ExCaliDraw](https://github.com/excalidraw/excalidraw):
  Virtual whiteboard for sketching hand-drawn.
- [iDraw](https://github.com/idrawjs/idraw):
  Simple JavaScript framework for drawing on web.
- [ISOFlow](https://github.com/markmanx/isoflow):
  React components for drawing network diagrams

### Math

- [MathLive](https://github.com/arnog/mathlive):
  Web component for LaTeX math input.
- [MathJax](https://github.com/mathjax/MathJax):
  Beautiful and accessible math in all browsers.

### Scrollbar

- [OverlayScrollbar](https://github.com/KingSora/OverlayScrollbars):
  Custom style-able overlay scrollbar.

### Carousel

- [Embla](https://github.com/davidjerleke/embla-carousel):
  Lightweight carousel library with fluid motion and great swipe precision.
- [Nuka](https://github.com/FormidableLabs/nuka-carousel):
  Pure React carousel component.
- [Flicking](https://github.com/naver/egjs-flicking):
  Reliable, flexible and extendable carousel.
- [Slick](https://github.com/akiran/react-slick):
  React carousel component.

### Slides and Presentation

- [Reveal](https://github.com/hakimel/reveal.js):
  HTML presentation framework.
- [SliDev](https://github.com/slidevjs/slidev):
  Vue based presentation slides.
- [Swiper](https://github.com/nolimits4web/swiper):
  Modern mobile touch slider with hardware accelerated transitions.
- [Impress](https://github.com/impress/impress.js):
  Prezi-like presentation slides.
- [Spectacle](https://github.com/FormidableLabs/spectacle):
  React based presentation slides.
- [PPTX](https://github.com/gitbrent/PptxGenJS):
  TypeScript powerpoint presentations.

### Picker

- [Day](https://github.com/gpbl/react-day-picker):
  Customizable date picker.
- [Date](https://github.com/Hacker0x01/react-datepicker):
  Simple and reusable date picker.
- [Color](https://github.com/argyleink/css-color-component):
  Modern color picker.

### Clipboard

- [Clipboard.js](https://github.com/zenorocha/clipboard.js).

### Keyboard

- [CommandK](https://github.com/dip/cmdk):
  Fast, unstyled headless command menu React component.
- [KBar](https://github.com/timc1/kbar):
  Fast, portable and extensible command-K interface.
- [HotKey](https://github.com/github/hotkey):
  Trigger action on element with keyboard shortcut.
- [KMenu](https://github.com/harshhhdev/kmenu):
  Animated and accessible command palette menu.

### iFrame

- [ReactEmbed](https://github.com/streamich/react-embed):
  Embed 3rd-party widgets.
- [Postmate](https://github.com/dollarshaveclub/postmate).

### Mouse and Touch

- [DnD](https://github.com/react-dnd/react-dnd):
  Drag and drop for React.
- [Draggable](https://github.com/Shopify/draggable):
  JavaScript drag and drop library.
- [DnDKit](https://github.com/clauderic/dnd-kit):
  Modern, lightweight, performant, accessible and extensible drag and drop toolkit.
- [PragmaticDnD](https://github.com/atlassian/pragmatic-drag-and-drop):
  Fast drag and drop for any experience on any tech stack.
- [UseGesture](https://github.com/pmndrs/use-gesture):
  Component-tied mouse and touch gestures.
- [Interact.js](https://github.com/taye/interact.js):
  Drag and drop, resizing and multi-touch gestures.
- [Moveable](https://github.com/daybrush/moveable):
  Drag, resize, scala, rotate, warp, pinch, group, snap.
- [Craft.js](https://github.com/prevwong/craft.js):
  Building extensible drag and drop page editors.
- [DFlex](https://github.com/dflex-js/dflex):
  Sophisticated drag and drop library.
- [AnyTouch](https://github.com/any86/any-touch):
  Small touch gesture library compatible with PC and mobile.
- [Zoom](https://github.com/retyui/react-quick-pinch-zoom):
  Multi-touch gestures for zooming and dragging for React.
- [Haptics](https://github.com/lochie/web-haptics):
  Haptic feedback for mobile web.

### Cursor

- [Blobity](https://github.com/gmrchk/blobity):
  Next level cursor style library.

## Time

### Date

- [Date-FNS](https://github.com/date-fns/date-fns):
  Modern TypeScript date utility.
- [Day.js](https://github.com/iamkun/dayjs):
  2kb immutable date-time library alternative to Moment.js with same modern API.
- [Relative](https://github.com/github/relative-time-element):
  Web component extensions to standard `<time>` element.

### Calendar

- [Schedule](https://github.com/schedule-x/schedule-x):
  Modern event calendar.
- [Full](https://github.com/fullcalendar/fullcalendar)/
  Full-sized drag and drop event calendar.
- [Calendar](https://github.com/wojtekmaj/react-calendar):
  Ultimate calendar for React app.

## Internationalization

- [FormatJS](https://github.com/formatjs/formatjs):
  Internationalize web apps on client and server.
- [i18n](https://github.com/i18next/react-i18next):
  Internationalization for React done right.
- [Globalize](https://github.com/globalizejs/globalize):
  Leverages official unicode CLDR JSON data.
- [Dinero](https://github.com/dinerojs/dinero.js):
  Create, calculate and format money in TypeScript.
- [AutoNumeric](https://github.com/autoNumeric/autoNumeric):
  Numbers and currencies.
- [Kiwi](https://github.com/alibaba/kiwi):
  Alibaba i18n solution.

## Accessibility

- [AXE](https://github.com/dequelabs/axe-core).
- [JestAXE](https://github.com/nickcolley/jest-axe):
  Custom Jest matcher for AXE.
- [CypressAXE](https://github.com/component-driven/cypress-axe).
- [AriaKit](https://github.com/ariakit/ariakit):
  Accessible React components.

## Fonts

- [FontMin](https://github.com/ecomfe/fontmin).
- [FontSpider](https://github.com/aui/font-spider):
  Chinese web font zip.
- [Fonts.css](https://github.com/zenozeng/fonts.css).
- [Poppins](https://fonts.google.com/specimen/Poppins).
- [Raleway](https://fonts.google.com/specimen/Raleway).
- [Operator](https://www.typography.com/fonts/operator/styles).

## Image

- [Sharp](https://github.com/lovell/sharp):
  High performance Node.js image processing.
- [ImageMagick](https://github.com/imagemagick/imagemagick):
  Create, edit, compose, or convert digital images.
- [PSD](https://github.com/webtoon/psd):
  Fast zero-dependency PSD parser.
- [ImageLoader](https://github.com/blueimp/JavaScript-Load-Image):
  Load images.
- [ICO](https://github.com/kevva/to-ico).
- [HTML2Image](https://github.com/bubkoo/html-to-image).

### Avatar

- [DiceBear](https://github.com/dicebear/dicebear):
  Random avatar generation library.
- [ReactAvatarEditor](https://github.com/mosch/react-avatar-editor):
  Avatar resize and crop component.
- [BoringAvatars](https://github.com/boringdesigners/boring-avatars):
  React SVG avatar generator from username and palette.

### Emoji

- [TwitterEmoji](https://github.com/twitter/twemoji).
- [EmojiMart](https://github.com/missive/emoji-mart):
  Emoji picker.
- [OpenEmoji](https://github.com/hfg-gmuend/openmoji).

### Icon

- [Iconify](https://github.com/iconify/iconify):
  Universal icon framework and icon sets collection.
- [ReactIcons](https://github.com/react-icons/react-icons):
  SVG React icons of popular icon packs
- [LucideIcons](https://github.com/lucide-icons/lucide):
  Beautiful and consistent icon toolkit.
- [HeroIcons](https://github.com/tailwindlabs/heroicons):
  Tailwind CSS official icons.
- [RemixIcons](https://github.com/Remix-Design/remixicon):
  Neutral style icon system.
- [SimpleIcons](https://github.com/simple-icons/simple-icons):
  Popular brand SVG icons.
- [FlagIcons](https://github.com/lipis/flag-icons):
  Country flag SVG icons.
- [HealthIcons](https://github.com/resolvetosavelives/healthicons):
  Public health projects.
- [BioIcons](https://github.com/duerrsimon/bioicons):
  Science illustrations in biology and chemistry.
- [PhosphorIcons](https://github.com/phosphor-icons/react):
  Flexible icon family for React.
- [PopIcons](https://github.com/uxthings/popicons):
  Offers line, solid, and duotone icon variants on `20px` grid with `1.5px` stroke.
- [PeepsIcons](https://github.com/CeamKrier/react-peeps):
  Open peeps hand drawn illustration.

### SVG

- [SVG.js](https://github.com/svgdotjs/svg.js):
  Lightweight library for manipulating and animating SVG.
- [ReSVG.js](https://github.com/yisibl/resvg-js):
  High-performance Rust SVG renderer and toolkit.
- [SVGO](https://github.com/svg/svgo):
  Optimizing SVG files.
- [Logos](https://github.com/gilbarbara/logos):
  Huge collection of SVG logos.
- [DVI2SVG](https://github.com/mgieseki/dvisvgm):
  Fast DVI, EPS, and PDF to SVG converter.

### Image Gallery

- [PhotoSwipe](https://github.com/dimsemenov/PhotoSwipe):
  JavaScript image gallery and lightbox.
- [LightGallery](https://github.com/sachinchoolur/lightGallery):
  Customizable, modular, responsive, lightbox gallery plugin.
- [ReactLightBox](https://github.com/igordanchenko/yet-another-react-lightbox):
  Modern React lightbox component.
- [Viewer.js](https://github.com/fengyuanchen/viewerjs):
  Images viewer gallery.
- [PhotoView](https://github.com/MinJieLiu/react-photo-view):
  Exquisite React photo preview component.
- [Zoom](https://github.com/rpearce/react-medium-image-zoom):
  Medium style image zoom for React.

### Image Editor

- [AdvancedCropper](https://github.com/advanced-cropper/react-advanced-cropper):
  React cropper library that embraces power of advanced cropper core.
- [ImageCrop](https://github.com/DominicTobias/react-image-crop):
  React image cropping.
- [EasyCrop](https://github.com/ValentinH/react-easy-crop):
  Crop images and videos with easy interactions.
- [Slider](https://github.com/sneas/img-comparison-slider):
  Image comparison slider.
- [Cropper.js](https://github.com/fengyuanchen/cropperjs):
  JavaScript image cropper.
- [SnapDOM](https://github.com/zumerlab/snapdom):
  Captures HTML elements to images with exceptional speed and accuracy.

## Animation

- [Motion](https://github.com/motiondivision/motion):
  Modern animation library for React and JavaScript.
- [GSAP](https://github.com/greensock/GSAP):
  GreenSock animation platform.
- [Anime](https://github.com/juliangarnier/anime):
  Animation engine.
- [Lottie](https://github.com/airbnb/lottie-web):
  Airbnb AE solution.

### Scroll Animation

- [Lenis](https://github.com/darkroomengineering/lenis):
  Lightweight, robust, and performant smooth scroll library.
- [Parallax](https://github.com/jscottsmith/react-scroll-parallax):
  React hooks and components to create parallax scroll effects.
- [Snap](https://github.com/lucafalasco/scroll-snap):
  Snap page when user stops scrolling.

### Loading Animation

#### Spinner

- [UIBall](https://github.com/GriffinJohnston/ldrs):
  Modern, tree-shakeable loader and spinner web components.
- [Spinners](https://github.com/davidhu2000/react-spinners):
  Loading spinner components for React.
- [Epic](https://github.com/epicmaxco/epic-spinners):
  Easy to use CSS spinners collection with Vue.js integration.

#### Progress Bar

- [NProgress](https://github.com/rstacruz/nprogress).
- [Pace](https://github.com/CodeByZach/pace):
  Site progress bar.

#### Skeleton

- [ReactContentLoader](https://github.com/danilowoz/react-content-loader):
  SVG-powered skeleton for React.
- [VueContentLoader](https://github.com/egoist/vue-content-loader):
  SVG-powered skeleton for Vue.

### Hover Animation

- [Hover.css](https://github.com/IanLunn/Hover):
  Collection of CSS3 powered hover effects to be applied to links, buttons, images.
- [Glow](https://github.com/codaworks/react-glow):
  Mouse-tracing glow effect.

### Typing Animation

- [TypeAnimation](https://github.com/maxeth/react-type-animation):
  React Typewriter animation.
- [Typed.js](https://github.com/mattboldt/typed.js).
- [TypeIt](https://github.com/alexmacarthur/typeit).

### MicroInteraction Animation

- [ReactRewards](https://github.com/thedevelobear/react-rewards).
- [RoughNotation](https://github.com/rough-stuff/rough-notation):
  Create and animate hand-drawn annotations.
- [CanvasConfetti](https://github.com/catdad/canvas-confetti):
  On-demand confetti gun.
- [AutoAnimate](https://github.com/formkit/auto-animate):
  Zero-config and drop-in animation utility.

### Count Up Animation

- [CountUp](https://github.com/glennreyes/react-countup):
  Count up animation.

## Canvas

### Blocks

- [Obelisk.js](https://github.com/nosir/obelisk.js).

### 2D Engine

- [PixiJS](https://github.com/pixijs/pixijs):
  Create beautiful digital content with fast and flexible 2D WebGL renderer.
- [Fabric.js](https://github.com/fabricjs/fabric.js):
  JavaScript canvas library and SVG2Canvas parser.
- [Rough.js](https://github.com/pshihn/rough):
  Create graphics with hand-drawn, sketchy, appearance.
- [NewCar](https://github.com/dromara/newcar):
  Modern animation engine based on CanvasKit-WASM.
- [Matter.js](https://github.com/liabru/matter-js):
  2D rigid body physics engine.
- [ReaGraph](https://github.com/reaviz/reagraph):
  WebGL Graph Visualizations for React.

### 3D Engine

- [Three](https://github.com/pmndrs/react-three-fiber):
  React renderer `@react-three/fiber` for Three.js.
- [Drei](https://github.com/pmndrs/drei):
  Collection of useful helpers and fully functional abstractions for `@react-three/fiber`.
- [UIKit](https://github.com/pmndrs/uikit):
  User interfaces for `@react-three/fiber`.
- [Rapier](https://github.com/pmndrs/react-three-rapier):
  Rapier physics in React.
- [P5.js](https://github.com/P5-wrapper/react):
  Utilize P5 sketches within React apps.
- [Babylon.js](https://github.com/BabylonJS/Babylon.js):
  Powerful, beautiful, simple, and open game and rendering engine.
- [Gala](https://github.com/galacean/engine):
  Web-first and mobile-first high-performance real-time development platform.
- [Mesh](https://github.com/pmndrs/meshline):
  Mesh replacement for `THREE.Line`.
- [Threlte](https://github.com/threlte/threlte):
  3D framework for Svelte.

## Media

### Audio

- [Howler.js](https://github.com/goldfire/howler.js):
  JavasScript audio library for modern web.
- [Audio.ts](https://github.com/EvandroLG/ts-audio):
  Agnostic library easy to work with `AudioContext` and create audio playlists.
- [Meyda](https://github.com/meyda/meyda):
  Audio feature extraction.
- [WaveSurfer](https://github.com/katspaugh/wavesurfer.js):
  Navigable waveform built on web audio and canvas.
- [Peaks](https://github.com/bbc/peaks.js):
  JavaScript UI component for interacting with audio waveforms.
- [Tonal](https://github.com/tonaljs/tonal):
  Functional music theory library.
- [AlphaTab](https://github.com/CoderLine/alphaTab):
  Cross platform music notation and guitar tablature rendering library.
- [Feishin](https://github.com/jeffvli/feishin):
  Modern self-hosted music player.

### Video

#### Video Player

- [Video.js](https://github.com/videojs/video.js):
  HTML5 video player.
- [Plyr](https://github.com/selz/plyr):
  Simple HTML5 YouTube and Vimeo player.
- [Player](https://github.com/cookpete/react-player):
  React component for playing variety of URLs.
- [Art](https://github.com/zhw2590582/ArtPlayer):
  Modern and full featured HTML5 video player.
- [Griffith](https://github.com/zhihu/griffith):
  ZhiHu web video player for React.
- [YouTube.js](https://github.com/LuanRT/YouTube.js):
  Full-featured wrapper around InnerTube API.
- [JellyFin](https://github.com/jellyfin/jellyfin):
  Free software media system.

#### Video Editor

- [OpenCut](https://github.com/OpenCut-app/OpenCut):
  Open source video editor.
- [Remotion](https://github.com/remotion-dev/remotion):
  Create videos programmatically in React.
- [Liqvid](https://github.com/liqvidjs/liqvid):
  React interactive video library.

#### Video Formats

- [HLS.js](https://github.com/video-dev/hls.js):
  Play HLS (HTTP Live Streaming) in browsers with support for MSE (MediaSource Extensions).
- [Shaka](https://github.com/shaka-project/shaka-player):
  Adaptive video streaming.

### Camera

- [WebCam](https://github.com/mozmorris/react-webcam):
  React web camera.

### Geolocation

- [MapBox](https://github.com/visgl/react-map-gl):
  React friendly API wrapper around MapBoxGL.
- [Turf](https://github.com/Turfjs/turf):
  Modular geospatial engine.
- [Leaflet](https://github.com/PaulLeCam/react-leaflet):
  React components for Leaflet maps.
- [GEO](https://github.com/terrestris/react-geo):
  Geo related modules to use in combination with React, Ant Design and OpenLayers.

## SMS

### Phone

- [Twilio](https://github.com/twilio/twilio-node).
- [Fonoster](https://github.com/fonoster/fonoster):
  Open source alternative to Twilio.
- [Wechaty](https://github.com/wechaty/wechaty):
  Conversational RPA SDK for chatbot makers.

### Email

- [Email](https://github.com/resend/react-email):
  High-quality, unstyled components for creating emails.
- [Exists](https://github.com/reacherhq/check-if-email-exists):
  Check if email address exists without sending any email, written in Rust.
- [Upyo](https://github.com/dahlia/upyo):
  Cross-runtime library for sending email messages using various email providers.
- [Spring](https://github.com/Foundry376/Mailspring):
  Beautiful, fast and fully mail client for macOS, Windows and Linux.
- [Duck](https://github.com/moonwesif/DuckMail):
  Temporary email service.
- [Maily](https://github.com/arikchakma/maily.to):
  Powerful email editor based on TipTap and shadcn/ui.

### Robot

- [GrammY](https://github.com/grammyjs/grammY):
  Telegram bot framework.
- [Discord](https://github.com/oceanroleplay/discord.ts):
  Create Discord bot with TypeScript and decorators.
- [UrbanBot](https://github.com/urban-bot/urban-bot):
  Universal React chatbot library.

### RSS

- [RSSHub](https://github.com/DIYgod/RSSHub):
  World's largest RSS network.
- [Folo](https://github.com/RSSNext/Folo):
  AI-powered RSS reader.

## File

- [FSExtra](https://github.com/jprichardson/node-fs-extra).
- [MemFS](https://github.com/streamich/memfs):
  JavaScript file system utilities.
- [Globby](https://github.com/sindresorhus/globby):
  User-friendly glob matching.
- [Chokidar](https://github.com/paulmillr/chokidar):
  Efficient cross-platform file watching library.
- [Mkdirp](https://github.com/isaacs/node-mkdirp):
  `mkdir -p` util for Node.js.
- [RimRaf](https://github.com/isaacs/rimraf):
  `rm -rf` util for Node.js.
- [ReNamer](https://github.com/75lb/renamer):
  Rename files in bulk.
- [Steno](https://github.com/typicode/steno):
  Specialized fast async file writer.
- [FileType](https://github.com/sindresorhus/file-type):
  Detect file type of Buffer/Uint8Array/ArrayBuffer.
- [FileSize](https://github.com/avoidwork/filesize.js):
  Generate human readable String describing file size.
- [SimpleGit](https://github.com/steveukx/git-js):
  Lightweight interface for running git commands.
- [WebDAV](https://github.com/perry-mitchell/webdav-client):
  WebDAV client written in TypeScript for Node.js and browser.

### File Uploader

- [Uppy](https://github.com/transloadit/uppy):
  Next file uploader for web browsers.
- [Filepond](https://github.com/pqina/filepond):
  Flexible and fun JavaScript file upload library.
- [DropZone](https://github.com/react-dropzone/react-dropzone):
  Simple HTML5 drag-drop zone.
- [SpaceDrive](https://github.com/spacedriveapp/spacedrive):
  Cross-platform file explorer powered by virtual distributed filesystem.

### File Downloader

- [YouGet](https://github.com/soimort/you-get):
  Dumb downloader that scrapes web.
- [Motrix](https://github.com/agalwood/Motrix):
  Full-featured download manager.

### PDF

- [PDF](https://github.com/wojtekmaj/react-pdf):
  Display PDFs in React app as easily as if they were images.
- [PDF.js](https://github.com/mozilla/pdf.js):
  PDF reader.
- [LibPDF](https://github.com/libpdf-js/core):
  Parse, modify, and generate modern PDFs.
- [jsPDF](https://github.com/parallax/jsPDF):
  Client-side PDF generation.
- [Kit](https://github.com/foliojs/pdfkit):
  Isomorphic PDF generation.
- [Docx](https://github.com/dolanmiu/docx):
  Generate and modify `.docx` files.

## Storage

### Cookie

- [JSCookie](https://github.com/js-cookie/js-cookie):
  Lightweight JavaScript API for handling browser cookies.
- [Cookies](https://github.com/bendotcodes/cookies):
  Load and save cookies for React application.

### Web Storage

- [PGLite](https://github.com/electric-sql/pglite):
  Lightweight Postgres packaged as WASM into TypeScript library for Web.
- [RxDB](https://github.com/pubkey/rxdb):
  Fast, offline-first, reactive database.
- [PouchDB](https://github.com/pouchdb/pouchdb):
  Pocket-sized and offline-first database for browser.
- [DeXie](https://github.com/dexie/Dexie.js):
  Minimalistic wrapper for IndexedDB.
- [TinyBase](https://github.com/tinyplex/tinybase):
  Reactive data store for local‑first apps.
- [ImmortalDB](https://github.com/gruns/ImmortalDB):
  Relentless key-value store for browser.
- [UnStorage](https://github.com/unjs/unstorage):
  Async key-value storage API.
- [Storage](https://github.com/KID-joker/stokado):
  Web storage API wrapper.
- [LocalSpace](https://github.com/unadlib/localspace):
  Unifies APIs of IndexedDB, localStorage and Web Storage.
- [OPfsTools](https://github.com/hughfenghen/opfs-tools):
  Origin private file system API wrapper.

### Database

- [Prisma](https://github.com/prisma/prisma):
  Next-generation ORM.
- [Sequelize](https://github.com/sequelize/sequelize):
  Easy-to-use and promise-based multi SQL dialects ORM.
- [Drizzle](https://github.com/drizzle-team/drizzle-orm):
  Headless TypeScript ORM.
- [Mikro](https://github.com/mikro-orm/mikro-orm):
  TypeScript ORM based on data mapper, unit of work and identity map patterns.
- [NocoDB](https://github.com/nocodb/nocodb):
  Open source alternative to AirTable.
- [Directus](https://github.com/directus/directus):
  No-code data collaboration app for SQL database.
- [LowDB](https://github.com/typicode/lowdb):
  Simple JSON database.
- [CR-SQLite](https://github.com/vlcn-io/cr-sqlite):
  Convergent and replicated SQLite with multi-writer and CRDT support.
- [SQLite3](https://github.com/WiseLibs/better-sqlite3):
  Fastest and simplest library for SQLite3 in Node.js.
- [DBeaver](https://github.com/dbeaver/dbeaver):
  Free universal database and SQL client.

## Search

### Search UI

- [InstanceSearch](https://github.com/algolia/react-instantsearch):
  Building performant and instant search experiences with Algolia.
- [SearchKit](https://github.com/searchkit/searchkit):
  Search UI for Elasticsearch and OpenSearch.

### Search Engine

- [TypeSense](https://github.com/typesense/typesense):
  Open source alternative to Algolia and easier-to-use alternative to ElasticSearch.
- [Lunr.js](https://github.com/olivernn/lunr.js):
  Full text search engine.
- [Solr](https://github.com/lbdremy/solr-node-client):
  Solr client.
- [JieBa](https://github.com/yanyiwu/nodejieba):
  Chinese text segmentation.
- [Docusaurus](https://github.com/easyops-cn/docusaurus-search-local):
  Local search plugin based on Lunr.js.
- [Fuse](https://github.com/krisk/fuse):
  Lightweight fuzzy search JavaScript library.
- [MiniSearch](https://github.com/lucaong/minisearch):
  Powerful in-memory full-text search engine.

### SEO

- [UnHead](https://github.com/unjs/unhead):
  Document head manager built for performance and delightful developer experience.

## Editor

### Rich Text Editor

- [TipTap](https://github.com/ueberdosis/tiptap):
  Headless rich text editor framework.
- [Novel](https://github.com/steven-tey/novel):
  Notion-style WYSIWYG editor with AI-powered autocompletion based on TipTap and shadcn/ui.
- [Slate](https://github.com/ianstormtaylor/slate):
  Customizable rich text editor framework.
- [Plate](https://github.com/udecode/plate):
  Rich-text editor with AI, slate and shadcn/ui.
- [Quill](https://github.com/quilljs/quill):
  Modern WYSIWYG editor built for compatibility and extensibility.
- [Editor](https://github.com/codex-team/editor.js):
  Block-styled rich text editor.
- [Lexical](https://github.com/facebook/lexical):
  Extensible text editor framework that provides reliability, accessibility and performance.
- [TinyMCE](https://github.com/tinymce/tinymce):
  World #1 JavaScript library for rich text editing.
- [Block](https://github.com/TypeCellOS/BlockNote):
  Block-based (Notion style) and extensible rich text editor based on TipTap and ProseMirror.
- [ProseMirror](https://github.com/ProseMirror/prosemirror-view):
  Collaborative and semantic rich text editing.

### Markdown Editor

- [MilkDown](https://github.com/Saul-Mirone/milkdown):
  Plugin driven WYSIWYG Markdown editor framework.
- [Vditor](https://github.com/Vanessa219/vditor):
  Multiple mode Markdown editor: WYSIWYG, instant rendering and split view modes.
- [Markdown](https://github.com/remarkjs/react-markdown):
  Markdown component for React.
- [MDEditorV3](https://github.com/imzbf/md-editor-v3):
  Markdown editor for Vue 3.

### Code Editor

- [Monaco](https://github.com/suren-atoyan/monaco-react):
  Powers VS Code.
- [ACE](https://github.com/securingsincity/react-ace):
  Ajax.org Cloud9 editor.
- [CodeMirror](https://github.com/codemirror/dev):
  In-browser code editor.
- [Zed](https://github.com/zed-industries/zed):
  High-performance, multiplayer code editor written in Rust.
- [Xi](https://github.com/xi-editor/xi-editor):
  Modern editor with backend written in Rust.
- [Simple](https://github.com/react-simple-code-editor/react-simple-code-editor):
  React simple code editor.

### Live Editor and Playground

- [WebContainer](https://github.com/stackblitz/webcontainer-core):
  Dev environments in web app.
- [SandPack](https://github.com/codesandbox/sandpack):
  Toolkit for creating live-running code editing experiences.
- [Live](https://github.com/FormidableLabs/react-live):
  Flexible playground for live editing React components.
- [Runner](https://github.com/nihgwu/react-runner):
  Run React code.
- [Histoire](https://github.com/histoire-dev/histoire):
  Fast and beautiful interactive component playground powered by Vite.

### IDE

- [CodeServer](https://github.com/coder/code-server):
  VS Code in browser.
- [Theia](https://github.com/eclipse-theia/theia):
  Cloud IDE framework.
- [Utopia](https://github.com/concrete-utopia/utopia):
  React IDE.

### Low-Code Editor

- [LowCodeEngine](https://github.com/alibaba/lowcode-engine):
  Enterprise-class low-code technology stack.
- [TMagic](https://github.com/Tencent/tmagic-editor):
  Tencent low-code editor.
- [ToolJet](https://github.com/ToolJet/ToolJet):
  Extensible low-code framework for building business applications.
- [AppSmith](https://github.com/appsmithorg/appsmith):
  Low-code project to build admin panels and dashboards.
- [BuildBase](https://github.com/Budibase/budibase):
  Low-code platform for creating internal apps, workflows, and admin panels.
- [NocoBase](https://github.com/nocobase/nocobase):
  Scalability-first low-code development platform.
- [SunMao](https://github.com/smartxworks/sunmao-ui):
  Low-code developing framework.
- [Puck](https://github.com/measuredco/puck):
  Visual editor for React.

### Note Service

- [AppFlowy](https://github.com/appflowy-io/appflowy):
  Open source Notion alternative.
- [AFFiNE](https://github.com/toeverything/AFFiNE):
  Next-gen knowledge base that brings planning, sorting and creating all together.
- [Memos](http://github.com/usememos/memos):
  Self-hosted note-taking service.

## Compiler

### Language Parser

- [Unified](https://github.com/unifiedjs/unified):
  Interface for parsing, inspecting, transforming
  and serializing content through syntax trees.
- [HTML](https://github.com/fb55/htmlparser2).
- [YAML](https://github.com/jonschlinkert/gray-matter).
- [XML](https://github.com/TobiasNickel/tXml).
- [SVG](https://github.com/sebmarkbage/art).
- [Crontab](https://github.com/P4sca1/cron-schedule).
- [Domain](https://github.com/peerigon/parse-domain).
- [URL](https://github.com/remusao/tldts).
- [GitURL](https://github.com/IonicaBizau/git-url-parse).
- [SemVer](https://github.com/npm/node-semver).
- [INI](https://github.com/npm/ini).
- [RSS](https://github.com/rbren/rss-parser).

### JavaScript Parser and Engine

- [Babel.js](https://github.com/babel/babel):
  Compiler for writing next generation JavaScript.
- [Sucrase](https://github.com/alangpierce/sucrase):
  Super-fast alternative to Babel.js targeting modern JavaScript runtime.
- [Acorn](https://github.com/acornjs/acorn):
  Small, fast, JavaScript-based JavaScript parser.
- [Espree](https://github.com/eslint/espree):
  Esprima-compatible JavaScript parser.
- [ReactDocGen](https://github.com/styleguidist/react-docgen-typescript):
  React TypeScript components properties parser.
- [Boa](https://github.com/boa-dev/boa):
  Embed JavaScript engine written in Rust.
- [QuickJS](https://github.com/bellard/quickjs):
  Small and embedded JavaScript engine.

### Markdown Parser and Render

- [MDX](https://github.com/mdx-js/mdx):
  Markdown for component.
- [Remark](https://github.com/remarkjs/remark):
  Markdown processor powered by plugins part of `@unifiedjs` collective.
- [StreamDown](https://github.com/vercel/streamdown):
  React markdown designed for AI-powered streaming.
- [Marked](https://github.com/markedjs/marked):
  Markdown parser and compiler.
- [MarkdownIt](https://github.com/markdown-it/markdown-it):
  Markdown parser with 100% CommonMark support.
- [Shiki](https://github.com/shikijs/shiki):
  Modern powerful syntax highlighter.
- [Prism](https://github.com/FormidableLabs/prism-react-renderer):
  Prism React renderer.
- [ExpressiveCode](https://github.com/expressive-code/expressive-code):
  Remark plugin for code block.

## CLI

### CLI Solution

- [Ink](https://github.com/vadimdemedes/ink):
  React for interactive command-line apps.
- [Oclif](https://github.com/oclif/oclif):
  Open CLI framework.
- [OpenTUI](https://github.com/anomalyco/opentui):
  Terminal user interface framework for OpenCode.
- [Execa](https://github.com/sindresorhus/execa):
  Process execution for humans.
- [ZX](https://github.com/google/zx):
  Bash wrapper for Node.js.
- [ShellJS](https://github.com/shelljs/shelljs):
  Portable Unix shell commands for Node.js.
- [Nexe](https://github.com/nexe/nexe):
  EXE wrapper for Node.js.

### CLI Process

- [PM2](https://github.com/Unitech/pm2):
  Node.js production process manager with built-in load balancer.
- [Nodemon](https://github.com/remy/nodemon):
  Monitor for any changes in Node.js application and automatically restart server.

### CLI Input

- [Inquirer](https://github.com/SBoudrias/Inquirer.js):
  Common interactive command line user interfaces collection.
- [Commander](https://github.com/tj/commander.js):
  Node.js command-line interfaces.
- [Yargs](https://github.com/yargs/yargs):
  Modern, pirate-themed successor to optimist.

### CLI Output

- [Chalk](https://github.com/chalk/chalk):
  Terminal string styling done right.
- [Consola](https://github.com/unjs/consola):
  Elegant Console Logger for Node.js and Browser.
- [ORA](https://github.com/sindresorhus/ora):
  Elegant terminal spinner.
- [CodeFrame](https://github.com/babel/babel/tree/main/packages/babel-code-frame):
  Pointing to source locations.
- [Tasuku](https://github.com/privatenumber/tasuku):
  Minimal task visualizer for Node.js.

### CLI Cheat Sheet

- [TLDR](https://github.com/tldr-pages/tldr):
  Help pages for command-line.

### Terminal

- [Hyper](https://github.com/vercel/hyper):
  Electron terminal.
- [Xterm.js](https://github.com/xtermjs/xterm.js):
  Xterm terminal for web.
- [Fig](https://github.com/withfig/autocomplete):
  IDE-style autocomplete for terminal and shell.
- [Eruda](https://github.com/liriliri/eruda):
  Console for mobile browsers.
- [Warp](https://github.com/warpdotdev/Warp):
  Modern and Rust-based AI terminal.

## Network

### Network Protocols

- [TelNet](https://github.com/mkozjak/node-telnet-client):
  Telnet client for Node.js.
- [SSH2](https://github.com/mscdex/ssh2):
  SSH2 client and server modules.

### HTTP

- [Fetch](https://github.com/node-fetch/node-fetch):
  Lightweight fetch module for Node.js.
- [Undici](https://github.com/nodejs/undici):
  HTTP/1.1 client.
- [OFetch](https://github.com/unjs/ofetch):
  Better fetch API.
- [MKCert](https://github.com/FiloSottile/mkcert):
  Make locally trusted development certificates.

### WebSocket

- [Socket.IO](https://github.com/socketio/socket.io).
- [WebSockets](https://github.com/websockets/ws):
  Blazing fast and thoroughly tested WebSocket client and server for Node.js
- [uWebSockets](https://github.com/uNetworking/uWebSockets):
  Simple, secure and standards compliant WebSockets.
- [SocketCluster](https://github.com/SocketCluster/socketcluster):
  Highly scalable realtime framework.
- [Soketi](https://github.com/soketi/soketi):
  Fast and resilient WebSockets server.

### WebRTC

- [Meet](https://github.com/jitsi/jitsi-meet):
  Secure, simple and scalable video conferences.
- [PeerJS](https://github.com/peers/peerjs):
  Simple peer-to-peer with WebRTC.
- [LiveKit](https://github.com/livekit/components-js).

### Prefetch

- [QuickLink](https://github.com/GoogleChromeLabs/quicklink):
  Faster subsequent page-loads by prefetching in-viewport links during idle time.

### Lazy Loading

- [System.js](https://github.com/systemjs/systemjs).
- [Lazyload.js](https://github.com/rgrove/lazyload).
- [LAB.js](https://github.com/getify/LABjs):
  Await-async lazy loading.

### Network Benchmark

- [HTrace](https://github.com/trimstray/htrace.sh):
  HTTP/HTTPS troubleshooting and profiling.
- [AutoCannon](https://github.com/mcollina/autocannon):
  HTTP/HTTPS benchmarking.

### Network Debugging

- [HTTPie](https://github.com/httpie/cli):
  Modern and human-friendly command-line HTTP client for API.
- [XH](https://github.com/ducaale/xh):
  CLI to send HTTP requests written in Rust.
- [Curlie](https://github.com/rs/curlie):
  CLI frontend to `curl` written in golang with `HTTPie` interface.
- [Postman](https://github.com/postmanlabs/newman):
  Platform for building and using APIs.
- [Whistle](https://github.com/avwo/whistle):
  HTTP, HTTP2, HTTPS, Websocket debugging proxy.

### PWA and Web Workers

- [Workbox](https://github.com/GoogleChrome/workbox):
  Progressive web apps toolbox.
- [PartyTown](https://github.com/BuilderIO/partytown):
  Relocate resource intensive third-party scripts into web worker.
- [Comlink](https://github.com/GoogleChromeLabs/comlink):
  Shared class between web workers.

### Collaboration

- [SyncedStore](https://github.com/yousefed/SyncedStore):
  CRDT for building live and collaborative applications.
- [YJS](https://github.com/yjs/yjs):
  Shared CRDT data types for building collaborative software.
- [AutoMerge](https://github.com/automerge/automerge):
  Fast implementations of several different CRDTs.
- [PartyKit](https://github.com/partykit/partykit):
  Simplifies developing multiplayer applications.

## Web3

- [TypeChain](https://github.com/dethcrypto/TypeChain):
  Ethereum smart contracts bindings.
- [Web3.js](https://github.com/ChainSafe/web3.js):
  Ethereum API.
- [Ethers.js](https://github.com/ethers-io/ethers.js):
  Complete Ethereum library and wallet.
- [Foundry](https://github.com/foundry-rs/foundry):
  Blazing fast, portable and modular Ethereum application development toolkit.
- [Truffle](https://github.com/trufflesuite/truffle):
  Smart contracts development toolkit.
- [HardHat](https://github.com/NomicFoundation/hardhat):
  Ethereum software development environment.
- [Waffle](https://github.com/TrueFiEng/Waffle):
  Writing and testing smart contracts.
- [Remix](https://github.com/ethereum/remix-project):
  Browser-based Ethereum smart contracts development IDE.
- [Web3UI](https://github.com/web3ui/web3uikit):
  Lightweight reusable Web3 UI components.
- [Moralis](https://github.com/MoralisWeb3/react-moralis):
  Moralis React hooks and components.
- [ThirdWeb](https://github.com/thirdweb-dev/react):
  Ultimate Web3 React hooks collection.
- [MetaMask](https://github.com/MetaMask/metamask-extension):
  Ethereum blockchain apps browser extension.

## Security

### Crypto

- [NanoID](https://github.com/ai/nanoid).
- [MD5](https://github.com/blueimp/JavaScript-MD5).
- [Base64](https://github.com/dankogai/js-base64).

### Auth

- [Better](https://github.com/better-auth/better-auth):
  Comprehensive authentication framework for TypeScript.
- [Next](https://github.com/nextauthjs/next-auth):
  Next.js authentication.
- [SuperTokens](http://github.com/supertokens/supertokens-core):
  Open source alternative to Auth0 / Firebase Auth / AWS Cognito.

### XSS

- [DOMPurify](https://github.com/cure53/DOMPurify):
  DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

## Backend Server

### Middlewares

- [BodyParser](https://github.com/expressjs/body-parser).
- [ParseServer](https://github.com/parse-community/parse-server).
- [CORS](https://github.com/expressjs/cors).
- [CookieSession](https://github.com/expressjs/cookie-session).
- [JWT](https://github.com/auth0/node-jsonwebtoken).
- [Passport](https://github.com/jaredhanson/passport):
  Simple, unobtrusive authentication.
- [FileUpload](https://github.com/richardgirges/express-fileupload).
- [HTTPProxy](https://github.com/chimurai/http-proxy-middleware).
- [Helmet](https://github.com/helmetjs/helmet):
  Secure Express apps with various HTTP headers.
- [ExpressRateLimiter](https://github.com/nfriedly/express-rate-limit):
  Basic rate-limiting middleware for Express web server.
- [NodeRateLimier](https://github.com/animir/node-rate-limiter-flexible):
  Atomic counters and rate limiting.
- [Terminus](https://github.com/godaddy/terminus):
  Graceful shutdown and Kubernetes readiness / liveness checks.

### Node.js

- [Patch](https://github.com/ds300/patch-package):
  Fix broken Node.js modules instantly.
- [ImportLocal](https://github.com/sindresorhus/import-local):
  Use locally installed version.
- [ENV](https://github.com/flexdinesh/browser-or-node):
  Check code running environment.
- [CI](https://github.com/watson/ci-info):
  Get details about current continuous integration environment.

### Serverless

- [Serverless](https://github.com/serverless/serverless).
- [SpaceCloud](https://github.com/spacecloud-io/space-cloud):
  Kubernetes based serverless platform.

### API Development

- [tRPC](https://github.com/trpc/trpc):
  End-to-end type-safe APIs server.
- [HopScotch](https://github.com/hoppscotch/hoppscotch):
  API development ecosystem.
- [SwaggerCodegen](https://github.com/swagger-api/swagger-codegen):
  Template-driven engine to generate documentation, API clients and server stubs.
- [SwaggerUI](https://github.com/swagger-api/swagger-ui):
  Generate beautiful documentation from Swagger-compliant API.
- [DevDocs](https://github.com/freeCodeCamp/devdocs).

### BaaS

- [Cloudflare](https://github.com/zhuima/awesome-cloudflare):
  Cloudflare free toolkits and resources.
- [Firebase](https://github.com/firebase/quickstart-js):
  App development platform.
- [SuperBase](https://github.com/supabase/supabase):
  Open source alternative to Firebase.
- [Convex](https://github.com/get-convex/convex-backend):
  Backend-as-a-service for fullstack app development.
- [AirTable](https://github.com/Airtable/airtable.js):
  Google sheets alternative.
- [libSQL](https://github.com/tursodatabase/libsql):
  Fully managed database platform.
- [PlanetScale](https://github.com/planetscale/database-js):
  Ultimate MySQL database platform.
- [Chat2DB](https://github.com/chat2db/Chat2DB):
  AI-driven data management platform.
- [ValTown](https://github.com/val-town):
  Collaborative, flexible environment for creating and running JavaScript.

## Debugging and Testing

### Unit Testing

- [Vitest](https://github.com/vitest-dev/vitest):
  Fast Vite-native test framework.
- [Jest](https://github.com/facebook/jest).
- [TestingLibrary](https://github.com/testing-library/react-testing-library).
- [Mocha](https://github.com/mochajs/mocha).
- [Jasmine](https://github.com/jasmine/jasmine).
- [Assert](https://github.com/power-assert-js/power-assert).
- [Testem](https://github.com/testem/testem).
- [Malabi](https://github.com/aspecto-io/malabi):
  Tracing based JavaScript assertions.
- [FastCheck](https://github.com/dubzzz/fast-check):
  Property based testing.
- [Stryker](https://github.com/stryker-mutator/stryker-js):
  Mutation testing.

### Visual Testing

- [MidScene](https://github.com/web-infra-dev/midscene):
  Driving all platforms UI automation with vision-based model.
- [Chromatic](https://github.com/chromaui/chromatic-cli):
  Automate visual testing.

### End to End Testing

- [PlayWright](https://github.com/microsoft/playwright):
  Automate Chromium, Firefox and Webkit with single API.
- [Cypress](https://github.com/cypress-io/cypress):
  Reliable testing runs in browser.
- [NightWatch](https://github.com/nightwatchjs/nightwatch):
  End to end testing framework using W3C Webdriver API.
- [WebDriver](https://github.com/webdriverio/webdriverio):
  Next generation browser and mobile automation test framework.
- [TestCafe](https://github.com/DevExpress/testcafe):
  Automate end-to-end web testing for Node.js.
- [WebHint](https://github.com/webhintio/hint):
  Hinting engine for web.

### Headless Automation

- [Puppeteer](https://github.com/puppeteer/puppeteer):
  Headless Chrome.
- [RRWeb](https://github.com/rrweb-io/rrweb):
  Record and replay web.
- [Selenium](https://github.com/SeleniumHQ/selenium):
  Browser automation framework and ecosystem.
- [Appium](https://github.com/appium/appium):
  Cross-platform automation framework for all kinds of apps.
- [Cheerio](https://github.com/cheeriojs/cheerio):
  Parsing and manipulating HTML and XML.
- [CRI](https://github.com/cyrus-and/chrome-remote-interface):
  Chrome remote interface for Chrome devtools protocol.
- [Crawlee](https://github.com/apify/crawlee):
  Web scraping and browser automation library.

### Code Analysis

- [SourceGraph](https://github.com/sourcegraph/sourcegraph):
  Universal code search.
- [SourceBot](https://github.com/sourcebot-dev/sourcebot):
  Blazingly fast code search deployed as single Docker image.
- [SonarSource](https://github.com/SonarSource/SonarJS):
  Static source code analyzer.
- [ASTExplorer](https://github.com/fkling/astexplorer).
- [PMD](https://github.com/pmd/pmd):
  Extensible multi-language static code analyzer.
- [SpotBugs](https://github.com/spotbugs/spotbugs).
- [Madge](https://github.com/pahen/madge):
  Create graphs from AMD, CJS or ESM dependencies.
- [Code2Flow](https://github.com/scottrogowski/code2flow):
  Call graphs generation for dynamic languages.
- [ASTGrep](https://github.com/ast-grep/ast-grep):
  Rust CLI for code structural search, lint and rewriting.

### Code Coverage

- [Istanbul](https://github.com/istanbuljs/istanbuljs):
  Test instrumentation.
- [TypeScript](https://github.com/pzavolinsky/ts-unused-exports):
  TypeScript unused exports detection.

### Code Quality

- [Checklist](https://github.com/thedaviddias/Front-End-Checklist):
  Perfect frontend checklist for modern websites and meticulous developers.
- [CSSStats](https://github.com/cssstats/cssstats):
  Visualize various stats about CSS.
- [Wallace](https://github.com/projectwallace/wallace-cli):
  Pretty CSS analytics on CLI.
- [TextLint](https://github.com/textlint/textlint):
  Natural language linter for text and Markdown.
- [JSCPD](https://github.com/kucherenko/jscpd):
  Copy paste detector.
- [SizeLimit](https://github.com/ai/size-limit):
  Calculate real cost to keep good performance.
- [Knip](https://github.com/webpro/knip):
  Find unused files, dependencies and exports in JavaScript and TypeScript.

### Inspect

- [Doctor](https://github.com/millionco/react-doctor):
  React diagnose for coding agents.
- [Reactotron](https://github.com/infinitered/reactotron):
  Desktop app for inspecting React and React Native apps.
- [Tracker](https://github.com/lahmatiy/react-render-tracker):
  Discover performance issues related to unintentional re-renders and unmounts.
- [OpenReplay](https://github.com/openreplay/openreplay):
  Session replay.
- [Inspector](https://github.com/antfu/node-modules-inspector):
  Interactive UI for local node modules inspection

### Analytics and Monitoring

- [NetData](https://github.com/netdata/netdata):
  Monitor servers, containers, and applications in high-resolution and in real-time.
- [Grafana](https://github.com/grafana/grafana):
  Open and composable observability and data visualization platform.
- [Plausible](https://github.com/plausible/analytics):
  Lightweight and privacy-friendly alternative to Google Analytics.
- [Kuma](https://github.com/louislam/uptime-kuma):
  Fancy self-hosted monitoring.
- [One](https://github.com/OneUptime/oneuptime):
  Comprehensive solution for monitoring and managing online services.
- [Sentry](https://github.com/getsentry/sentry):
  Developer-first error tracking and performance monitoring.
- [OpenTelemetry](https://github.com/open-telemetry/opentelemetry-js):
  Traces and metrics framework.
- [Clarity](https://github.com/microsoft/clarity):
  Behavioral analytics library that uses DOM mutations and user interactions.
- [CounterScale](https://github.com/benvinegar/counterscale):
  Free scalable web analytics running on Cloudflare.
- [WebCheck](https://github.com/Lissy93/web-check):
  All-in-one OSINT for analysing website.
- [CheckMate](https://github.com/bluewave-labs/Checkmate):
  Self-hosted tool designed to track and monitor server hardware, uptime, response times, and incidents.

### Performance

- [Lighthouse](https://github.com/GoogleChrome/lighthouse):
  Automated auditing, performance metrics, and best practices for web.
- [WebVitals](https://github.com/GoogleChrome/web-vitals):
  Google essential metrics for healthy site.
- [WebPageTest](https://github.com/WPO-Foundation/webpagetest-github-action):
  Enforce performance budgets.
- [Scan](https://github.com/aidenybai/react-scan)
  Scan for React performance issues and eliminate slow renders in app.
- [Million](https://github.com/aidenybai/million):
  Optimizing compiler for React.
- [MemLab](https://github.com/facebook/memlab):
  Memory leaks and heap snapshots analysis framework.
- [Perfume.js](https://github.com/zizzamia/perfume.js):
  Measuring performance vitals metrics.
- [0x](https://github.com/davidmarkclements/0x):
  Single-command flame graph profiling.
- [HyperFine](https://github.com/sharkdp/hyperfine):
  Benchmarking command-line.
- [Render](https://github.com/welldone-software/why-did-you-render):
  Notify about potentially avoidable re-renders in React and React Native apps.
- [Geiger](https://github.com/kristiandupont/react-geiger):
  Audio React performance.
- [Brotli](https://github.com/google/brotli):
  Brotli compression format.
- [TinyBench](https://github.com/tinylibs/tinybench):
  Lightweight benchmarking library.

### Logging

- [LogTape](https://github.com/dahlia/logtape):
  Modern logging library.
- [Winston](https://github.com/winstonjs/winston):
  Logger.
- [Pino](https://github.com/pinojs/pino):
  Fast JSON logger.
- [GoAccess](https://github.com/allinurl/goaccess):
  Real-time web log analyzer and interactive viewer.

### Mock

- [MSW](https://github.com/mswjs/msw):
  Seamless REST/GraphQL API mocking service worker.
- [Faker.js](https://github.com/faker-js/faker):
  Generate massive amounts of realistic fake data.
- [Nock](https://github.com/nock/nock):
  HTTP server mocking and expectations library.
- [Axios](https://github.com/ctimmerm/axios-mock-adapter):
  Axios mock adapter that allows to easily mock requests.
- [MockRTC](https://github.com/httptoolkit/mockrtc):
  Powerful friendly WebRTC mock proxy.

#### Mock Servers

- [JSONServer](https://github.com/typicode/json-server):
  Fake REST API with zero coding.
- [SuperTest](https://github.com/visionmedia/supertest):
  Super-agent driven HTTP servers integration testing.
- [Prism](https://github.com/stoplightio/prism):
  Turn OpenAPI2/3 and Postman Collection file into API server
  with mocking, transformations and validations.
- [GraphQLServer](https://github.com/marmelab/json-graphql-server):
  Fake GraphQL API with zero coding.

#### Mock APIs

- [YAPI](https://github.com/ymfe/yapi).
- [PublicAPIs](https://github.com/public-apis/public-apis).
- [PokemonAPI](https://github.com/PokeAPI/pokeapi).
- [ImagesAPI](http://source.unsplash.com/random).

### Audit

- [MetaSploit](https://github.com/rapid7/metasploit-framework):
  Penetration testing framework.
- [SQLMap](https://github.com/sqlmapproject/sqlmap).
- [Zaproxy](https://github.com/zaproxy/zaproxy).
- [Arachni](https://github.com/Arachni/arachni).
- [NaughtyInputStrings](https://github.com/minimaxir/big-list-of-naughty-strings).
- [FatRat](https://github.com/Screetsec/TheFatRat).
- [Spoof](https://github.com/feross/spoof).
- [Snyk](https://github.com/marketplace/snyk):
  NPM package security.
- [Socket](https://github.com/apps/socket-security):
  NPM package security.
- [NCU](https://github.com/raineorshine/npm-check-updates):
  NPM dependencies updater.
- [AllStar](https://github.com/ossf/allstar):
  Set and enforce security policies.

### UML

- [Mermaid](https://github.com/mermaid-js/mermaid):
  Generation of diagram and flowchart from text or Markdown.
- [Draw.io](https://github.com/jgraph/drawio).
- [FlowChart](https://github.com/adrai/flowchart.js):
  Draws simple SVG flow chart diagrams from textual representation of diagram.
- [PlantUML](https://github.com/plantuml/plantuml):
  Generate UML diagram from textual description.
- [DrawDB](https://github.com/drawdb-io/drawdb):
  Simple and intuitive online database design and SQL generator.

## DevOps

### DevOps Platform

- [SealOS](https://github.com/labring/sealos):
  Cloud operating system designed for managing cloud-native applications.
- [Lens](https://github.com/lensapp/lens):
  Kubernetes platform.
- [KubeSphere](https://github.com/kubesphere/kubesphere).
- [Cat](https://github.com/dianping/cat):
  MeiTuan application performance monitoring system.
- [SkyWalking](https://github.com/apache/skywalking):
  Apache application performance monitoring system.
- [Claw](https://run.claw.cloud):
  Ultimate cloud development platform.

### DevOps Project and MonoRepo

- [NX](https://github.com/nrwl/nx).
- [TurboRepo](https://github.com/vercel/turborepo):
  High-performance build system.
- [RushStack](https://github.com/microsoft/rushstack).
- [Projen](https://github.com/projen/projen):
  New generation of project generators.
- [Bit](https://github.com/teambit/bit).
- [Lerna](https://github.com/lerna/lerna).
- [LernaLite](https://github.com/lerna-lite/lerna-lite).

### DevOps Version

- [ChangeSets](https://github.com/atlassian/changesets):
  Manage monorepo versioning and changelogs.
- [Commitizen](https://github.com/commitizen/cz-cli):
  Conventional commits CLI.
- [SemanticRelease](https://github.com/cycjimmy/semantic-release-action):
  Fully automated version management and package publishing.
- [ReleasePlease](https://github.com/googleapis/release-please).
- [BeachBall](https://github.com/microsoft/beachball):
  Sunniest semantic version bumper.
- [ReleaseIt](https://github.com/release-it/release-it):
  Automate versioning and package publishing.
- [StandardVersion](https://github.com/absolute-version/commit-and-tag-version):
  Automate versioning and changelog generation.
- [CommitLint](https://github.com/conventional-changelog/commitlint).

### DevOps Automation CI and CD

- [Probot](https://github.com/probot/probot):
  Framework for building GitHub apps to automate workflow.
- [ActionsToolkit](https://github.com/JasonEtco/actions-toolkit):
  Building GitHub actions.
- [Chokidar](https://github.com/paulmillr/chokidar):
  Minimal cross-platform file watching library.
- [ACT](https://github.com/nektos/act):
  Local GitHub action runner.
- [TerraForm](https://github.com/hashicorp/terraform).

### GitHub Actions

- [ActionToolkit](https://github.com/actions-cool).

#### Basic Actions

- [Cancel](https://github.com/styfle/cancel-workflow-action).
- [Checkout](https://github.com/actions/checkout).
- [Node](https://github.com/actions/setup-node).
- [NPM](https://github.com/bahmutov/npm-install).
- [Commit](https://github.com/EndBug/add-and-commit).
- [Push](https://github.com/ad-m/github-push-action).
- [GPG](https://github.com/crazy-max/ghaction-import-gpg).
- [GitHubScript](https://github.com/actions/github-script):
  Write workflows scripting GitHub API in JavaScript.

#### Project Actions

- [Locker](https://github.com/dessant/lock-threads).
- [Stale](https://github.com/actions/stale).
- [Issues](https://github.com/actions-cool/issues-helper).
- [PullRequest](https://github.com/peter-evans/create-pull-request):
  Create pull request for changes to repository in actions workspace.
- [Semantic](https://github.com/amannn/action-semantic-pull-request):
  Ensures that PR title matches Conventional Commits specification.
- [Approve](https://github.com/hmarr/auto-approve-action).

#### Testing Actions

- [Cypress](https://github.com/cypress-io/github-action).
- [Lighthouse](https://github.com/treosh/lighthouse-ci-action).

#### Analysis Actions

- [ESLint](https://github.com/reviewdog/action-eslint):
  Run ESLint with reviewdog.
- [StyleLint](https://github.com/reviewdog/action-stylelint):
  Run StyleLint with reviewdog.
- [MarkdownLint](https://github.com/reviewdog/action-markdownlint):
  Run MarkdownLint with reviewdog.
- [PubLint](https://github.com/publint/publint):
  Lint if package is published right.
- [CodeQL](https://github.com/github/codeql-action):
  Running CodeQL analysis.
- [SonarSource](https://github.com/SonarSource/sonarqube-scan-action):
  Scan code with SonarQube.
- [SizeLimit](https://github.com/andresz1/size-limit-action):
  Calculate real cost to run JS app or lib to keep good performance.
- [Fossa](https://github.com/fossas/fossa-action):
  Find license compliance and security issues in applications with FOSSA.
- [Dependency](https://github.com/actions/dependency-review-action):
  Detecting vulnerable dependencies and invalid licenses in PRs.
- [Trivy](https://github.com/aquasecurity/trivy-action):
  Find vulnerabilities, misconfigurations, secrets, and SBOM.

#### Building Actions

- [LaTeX](https://github.com/xu-cheng/latex-action).

#### Deployment Actions

- [Release](https://github.com/softprops/action-gh-release).
- [Pages](https://github.com/peaceiris/actions-gh-pages).
- [NPM](https://github.com/JS-DevTools/npm-publish).
- [Vercel](https://github.com/amondnet/vercel-action).

### DevOps Configuration

- [DotEnv](https://github.com/motdotla/dotenv).
- [CosmiConfig](https://github.com/davidtheclark/cosmiconfig):
  Find and load configuration.
- [EnvInfo](https://github.com/tabrindle/envinfo):
  Generate report about development environment for debugging and issue reporting.
- [Unleash](https://github.com/Unleash/unleash):
  Feature toggle service.

### DevOps Registry and Mirrors

- [Verdaccio](https://github.com/verdaccio/verdaccio):
  Lightweight private proxy registry build in Node.js.
- [LinuxMirrors](https://github.com/SuperManito/LinuxMirrors):
  GNU/Linux and Docker mirror switching script.

## Documentation

### Changelog

- [ConventionalChangelog](https://github.com/conventional-changelog/conventional-changelog).

### Markdown Documentation

- [FumaDocs](https://github.com/fuma-nama/fumadocs):
  Beautiful & flexible React.js docs framework.
- [Docusaurus](https://github.com/facebook/docusaurus):
  Easy to maintain documentation websites with React stack.
- [Nextra](https://github.com/shuding/nextra):
  Next.js MDX documentation static site generator.
- [VitePress](https://github.com/vuejs/vitepress):
  Vite powered static site generator.
- [Wiki.js](https://github.com/Requarks/wiki):
  Modern and powerful wiki app.
- [VOCS](https://github.com/wevm/vocs):
  Vite powered React documentation framework.

### JavaScript Documentation

- [JSDoc](https://github.com/jsdoc/jsdoc):
  JavaScript documentation generator.
- [TypeDoc](https://github.com/TypeStrong/typedoc):
  TypeScript documentation generator.
- [Documentation.js](https://github.com/documentationjs/documentation):
  Modern JavaScript documentation.

### React Documentation

- [Storybook](https://github.com/storybooks/storybook):
  Live component documentation.
- [Docz](https://github.com/pedronauck/docz):
  React component documentation built on Gatsby.
- [StyleGuidist](https://github.com/styleguidist/react-styleguidist):
  Isolated React component development environment with living style guide.
- [DUmi](https://github.com/umijs/dumi):
  Documentation generator of React component.
- [Ladle](https://github.com/tajo/ladle):
  Faster Storybook.
- [ReactDocGen](https://github.com/reactjs/react-docgen):
  Extract React component information for documentation generation purposes.

" />
