refactor: switch to table format with badges

This commit is contained in:
Gökay Gürcan
2025-07-26 15:39:29 +02:00
committed by GitHub
parent fc50ce9c7d
commit 8d6a9433d0

187
README.md
View File

@@ -2,106 +2,110 @@
A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) libraries, resources and shiny things. A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) libraries, resources and shiny things.
* [Awesome JavaScript](#awesome-javascript) <details>
* [Package Managers](#package-managers)
* [Component management](#component-management) <summary>Contents</summary>
* [Loaders](#loaders)
* [Transpilers](#transpilers) * [Package Managers](#package-managers)
* [Bundlers](#bundlers) * [Component management](#component-management)
* [Minimizers](#minimizers) * [Loaders](#loaders)
* [Type Checkers](#type-checkers) * [Transpilers](#transpilers)
* [Testing Frameworks](#testing-frameworks) * [Bundlers](#bundlers)
* [QA Tools](#qa-tools) * [Minimizers](#minimizers)
* [MVC Frameworks and Libraries](#mvc-frameworks-and-libraries) * [Type Checkers](#type-checkers)
* [Node-Powered CMS Frameworks](#node-powered-cms-frameworks) * [Testing Frameworks](#testing-frameworks)
* [Templating Engines](#templating-engines) * [QA Tools](#qa-tools)
* [Game Engines](#game-engines) * [MVC Frameworks and Libraries](#mvc-frameworks-and-libraries)
* [Articles/Posts](#articles-and-posts) * [Node-Powered CMS Frameworks](#node-powered-cms-frameworks)
* [Data Visualization](#data-visualization) * [Templating Engines](#templating-engines)
* [Timeline](#timeline) * [Game Engines](#game-engines)
* [Spreadsheet](#spreadsheet) * [Articles/Posts](#articles-and-posts)
* [Editors](#editors) * [Data Visualization](#data-visualization)
* [Documentation](#documentation) * [Timeline](#timeline)
* Utilities * [Spreadsheet](#spreadsheet)
* [Files](#files) * [Editors](#editors)
* [Functional Programming](#functional-programming) * [Documentation](#documentation)
* [Reactive Programming](#reactive-programming) * Utilities
* [Data Structure](#data-structure) * [Files](#files)
* [Date](#date) * [Functional Programming](#functional-programming)
* [String](#string) * [Reactive Programming](#reactive-programming)
* [Number](#number) * [Data Structure](#data-structure)
* [Storage](#storage) * [Date](#date)
* [Color](#color) * [String](#string)
* [I18n And L10n](#i18n-and-l10n) * [Number](#number)
* [Control Flow](#control-flow) * [Storage](#storage)
* [Routing](#routing) * [Color](#color)
* [Security](#security) * [I18n And L10n](#i18n-and-l10n)
* [Log](#log) * [Control Flow](#control-flow)
* [RegExp](#regexp) * [Routing](#routing)
* [Media](#videoaudio) * [Security](#security)
* [Voice Command](#voice-command) * [Log](#log)
* [API](#api) * [RegExp](#regexp)
* [Streaming](#streaming) * [Media](#videoaudio)
* [Vision Detection](#vision-detection) * [Voice Command](#voice-command)
* [Browser Detection](#browser-detection) * [API](#api)
* [Operating System](#operating-system) * [Streaming](#streaming)
* [Benchmark](#benchmark) * [Vision Detection](#vision-detection)
* [Machine Learning](#machine-learning) * [Browser Detection](#browser-detection)
* [Web Worker](#web-worker) * [Operating System](#operating-system)
* UI * [Benchmark](#benchmark)
* [Code Highlighting](#code-highlighting) * [Machine Learning](#machine-learning)
* [Loading Status](#loading-status) * [Web Worker](#web-worker)
* [Validation](#validation) * UI
* [Keyboard Wrappers](#keyboard-wrappers) * [Code Highlighting](#code-highlighting)
* [Tours And Guides](#tours-and-guides) * [Loading Status](#loading-status)
* [Notifications](#notifications) * [Validation](#validation)
* [Sliders](#sliders) * [Keyboard Wrappers](#keyboard-wrappers)
* [Range Sliders](#range-sliders) * [Tours And Guides](#tours-and-guides)
* [Form Widgets](#form-widgets) * [Notifications](#notifications)
* [Tips](#tips) * [Sliders](#sliders)
* [Modals and Popups](#modals-and-popups) * [Range Sliders](#range-sliders)
* [Scroll](#scroll) * [Form Widgets](#form-widgets)
* [Menu](#menu) * [Tips](#tips)
* [Table/Grid](#tablegrid) * [Modals and Popups](#modals-and-popups)
* [Frameworks](#frameworks-1) * [Scroll](#scroll)
* [Boilerplates](#boilerplates) * [Menu](#menu)
* [Image](#image) * [Table/Grid](#tablegrid)
* [Gesture](#gesture) * [Frameworks](#frameworks-1)
* [Maps](#maps) * [Boilerplates](#boilerplates)
* [Typography](#typography) * [Images](#images)
* [Animations](#animations) * [Gesture](#gesture)
* [Image processing](#image-processing) * [Maps](#maps)
* [ES6](#es6) * [Typography](#typography)
* [Generators](#generators) * [Animations](#animations)
* [Full Text Search](#full-text-search) * [Image processing](#image-processing)
* [SDK](#sdk) * [ES6](#es6)
* [ORM](#orm) * [Generators](#generators)
* [WebSockets](#websockets) * [Full Text Search](#full-text-search)
* [Misc](#misc) * [SDK](#sdk)
* [ORM](#orm)
* [WebSockets](#websockets)
* [Misc](#misc)
* [Worth Reading](#worth-reading) * [Worth Reading](#worth-reading)
* [Other Awesome Lists](#other-awesome-lists) * [Other Awesome Lists](#other-awesome-lists)
* [Contributing](#contributing) * [Contributing](#contributing)
</details>
---- ----
## Package Managers ## Package Managers
*Host the JavaScript libraries and provide tools for fetching and packaging them.* *Host the JavaScript libraries and provide tools for fetching and packaging them.*
* [npm](https://www.npmjs.com/) - npm is the package manager for JavaScript. | Name | Repository | Description | Badges |
* [Bower](https://github.com/bower/bower) - A package manager for the web. |:-----|:-----------|:------------|:------|
* [component](https://github.com/componentjs/component) - Client package management for building better web applications. | [npm](https://npmjs.com) | [npm/cli](https://github.com/npm/cli) | the package manager for JavaScript. | ![GitHub](https://img.shields.io/github/stars/npm/cli) |
* [spm](https://github.com/spmjs/spm) - Brand new static package manager. | [Bower](https://bower.io) | [bower/bower](https://github.com/bower/bower) | A package manager for the web. | ![GitHub](https://img.shields.io/github/stars/bower/bower) |
* [jam](https://github.com/caolan/jam) - A package manager using a browser-focused and RequireJS compatible repository. | [jspm](https://jspm.org) | [jspm/jspm-cli](https://github.com/jspm/jspm-cli) | Import Map Package Manager. | ![GitHub](https://img.shields.io/github/stars/jspm/jspm-cli) |
* [jspm](https://github.com/jspm/jspm-cli) - Frictionless browser package management. | [yarn](https://yarnpkg.com) | [yarnpkg/berry](https://github.com/yarnpkg/berry) | Fast, reliable, and secure dependency management. | ![GitHub](https://img.shields.io/github/stars/yarnpkg/berry) |
* [Ender](https://github.com/ender-js/Ender) - The no-library library. | [pnpm](https://pnpm.io) | [pnpm/pnpm](https://github.com/pnpm/pnpm) | Fast, disk space efficient package manager. | ![GitHub](https://img.shields.io/github/stars/pnpm/pnpm) |
* [volo](https://github.com/volojs/volo) - Create front end projects from templates, add dependencies, and automate the resulting projects. | [bun](https://bun.com) | [oven-sh/bun](https://github.com/oven-sh/bun) | Incredibly fast JavaScript runtime, bundler, test runner, and package manager all in one | ![GitHub](https://img.shields.io/github/stars/oven-sh/bun) |
* [Duo](https://github.com/duojs/duo) - Next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.
* [yarn](https://yarnpkg.com/) - Fast, reliable, and secure dependency management.
* [pnpm](https://pnpm.io/) - Fast, disk space efficient package manager.
## Component Management ## Component Management
* [Bit](https://github.com/teambit/bit) - Create, find and reuse components (React, Angular, Node etc.) across applications. | Name | Repository | Description | Badges |
|:-----|:-----------|:------------|:------|
| [Bit](https://bit.dev) | [teambit/bit](https://github.com/teambit/bit) | AI-powered development workspaces with reusable components, architectural clarity and zero overhead. | ![GitHub](https://img.shields.io/github/stars/teambit/bit) |
## Loaders ## Loaders
*Module or loading system for JavaScript.* *Module or loading system for JavaScript.*
@@ -124,6 +128,10 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/
## Bundlers ## Bundlers
| Name | Repository | Description | Badges |
|:-----|:-----------|:------------|:------|
| [webpack](https://webpack.js.org) | [webpack/webpack](https://github.com/webpack/webpack) | A bundler for javascript and friends. | ![GitHub](https://img.shields.io/github/stars/webpack/webpack) ![NPM](https://img.shields.io/npm/dm/webpack) |
* [webpack](https://github.com/webpack/webpack) - Packs CommonJs/AMD modules for the browser. * [webpack](https://github.com/webpack/webpack) - Packs CommonJs/AMD modules for the browser.
* [Rollup](https://github.com/rollup/rollup) - Next-generation ES6 module bundler. * [Rollup](https://github.com/rollup/rollup) - Next-generation ES6 module bundler.
* [Brunch](https://github.com/brunch/brunch) - Fast front-end web app build tool with simple declarative config. * [Brunch](https://github.com/brunch/brunch) - Fast front-end web app build tool with simple declarative config.
@@ -816,6 +824,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
* [stretchy](https://github.com/LeaVerou/stretchy) - Form element autosizing, the way it should be. * [stretchy](https://github.com/LeaVerou/stretchy) - Form element autosizing, the way it should be.
* [analytics](https://github.com/davidwells/analytics) - A lightweight, extendable analytics library designed to work with any third-party analytics provider to track page views, custom events, & identify users. * [analytics](https://github.com/davidwells/analytics) - A lightweight, extendable analytics library designed to work with any third-party analytics provider to track page views, custom events, & identify users.
* [dat.GUI](https://github.com/dataarts/dat.gui) - A lightweight gui controller for changing variables in JavaScript. * [dat.GUI](https://github.com/dataarts/dat.gui) - A lightweight gui controller for changing variables in JavaScript.
## Tips ## Tips
* [tipsy](https://github.com/jaz303/tipsy) - Facebook-style tooltips plugin for jQuery. * [tipsy](https://github.com/jaz303/tipsy) - Facebook-style tooltips plugin for jQuery.
@@ -914,6 +923,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar
* [Drift](https://github.com/imgix/drift) - Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript. * [Drift](https://github.com/imgix/drift) - Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.
* [Magnificent.js](https://github.com/AndersDJohnson/magnificent.js) - Zoom responsively, images & more, w/ jQuery. * [Magnificent.js](https://github.com/AndersDJohnson/magnificent.js) - Zoom responsively, images & more, w/ jQuery.
* [Panolens.js](https://github.com/pchen66/panolens.js) - Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible * [Panolens.js](https://github.com/pchen66/panolens.js) - Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible
## Gesture ## Gesture
* [hammer.js](https://github.com/hammerjs/hammer.js) - A JavaScript library for multi-touch gestures. * [hammer.js](https://github.com/hammerjs/hammer.js) - A JavaScript library for multi-touch gestures.
@@ -1086,7 +1096,6 @@ https://listjs.com
* [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript) - Clean Code concepts adapted for JavaScript. * [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript) - Clean Code concepts adapted for JavaScript.
* [Roadmap.sh JavaScript Roadmap](https://roadmap.sh/javascript) - Learn JavaScript from a community sourced learning roadmap. * [Roadmap.sh JavaScript Roadmap](https://roadmap.sh/javascript) - Learn JavaScript from a community sourced learning roadmap.
# Other Awesome Lists # Other Awesome Lists
* [sotayamashita/awesome-css](https://github.com/sotayamashita/awesome-css) * [sotayamashita/awesome-css](https://github.com/sotayamashita/awesome-css)