From 1e105f8f18b275f6f16687176c291ab59bc863c7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=B6kay=20G=C3=BCrcan?= Date: Sun, 27 Jul 2025 14:55:50 +0200 Subject: [PATCH] refactor: switch to table format with badges --- README.md | 138 ++++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 107 insertions(+), 31 deletions(-) diff --git a/README.md b/README.md index 4d60f2b..fea68c9 100644 --- a/README.md +++ b/README.md @@ -93,7 +93,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ *Host the JavaScript libraries and provide tools for fetching and packaging them.* | Name | Repository | Description | Badges | -|:-----|:-----------|:------------|:------| +|:-----|:-----------|:------------|:-------| | [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) | | [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) | | [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) | @@ -101,51 +101,51 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ | [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) | | [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) | + ## Component Management | 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 *Module or loading system for JavaScript.* -* [RequireJS](https://github.com/requirejs/requirejs) - A file and module loader for JavaScript. -* [browserify](https://github.com/substack/node-browserify) - Browser-side require() the node.js way. -* [SeaJS](https://github.com/seajs/seajs) - A Module Loader for the Web. -* [HeadJS](https://github.com/headjs/headjs) - The only script in your HEAD. -* [lazyload](https://github.com/rgrove/lazyload/) - Tiny, dependency-free async JavaScript and CSS loader. -* [script.js](https://github.com/ded/script.js) - Asynchronous JavaScript loader and dependency manager. -* [systemjs](https://github.com/systemjs/systemjs) - AMD, CJS & ES6 spec-compliant module loader. -* [LodJS](https://github.com/yanhaijing/lodjs) - Module loader based on AMD. -* [ESL](https://github.com/ecomfe/esl) - Module loader browser first, support lazy define and AMD. -* [modulejs](https://github.com/lrsjng/modulejs) - Lightweight JavaScript module system. +| Name | Repository | Description | Badges | +|:-----|:-----------|:------------|:-------| +| [RequireJS](https://requirejs.org/) | [requirejs/requirejs](https://github.com/requirejs/requirejs) | A file and module loader for JavaScript. | ![GitHub](https://img.shields.io/github/stars/requirejs/requirejs) | +| [browserify](http://browserify.org/) | [browserify/browserify](https://github.com/browserify/browserify) | browser-side require() the node.js way. | ![GitHub](https://img.shields.io/github/stars/browserify/browserify) | +| [SystemJS](https://github.com/systemjs/systemjs) | [systemjs/systemjs](https://github.com/systemjs/systemjs) | Dynamic ES module loader. | ![GitHub](https://img.shields.io/github/stars/systemjs/systemjs) | + ## Transpilers *Software that converts the modern JavaScript syntax into the older JavaScript syntax.* -* [SWC](https://swc.rs/) - Extensible Rust-based platform for compilation. +| Name | Repository | Description | Badges | +|:-----|:-----------|:------------|:-------| +| [SWC](https://swc.rs/) | [swc-project/swc](https://github.com/swc-project/swc) | Rust-based platform for the Web. | ![GitHub](https://img.shields.io/github/stars/swc-project/swc) | + ## 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://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) | +| [Rollup](https://rollupjs.org/) | [rollup/rollup](https://github.com/rollup/rollup) | Next-generation ES module bundler. | ![GitHub](https://img.shields.io/github/stars/rollup/rollup) | +| [Parcel](https://parceljs.org) | [parcel-bundler/parcel](https://github.com/parcel-bundler/parcel) | The zero configuration build tool for the web. | ![GitHub](https://img.shields.io/github/stars/parcel-bundler/parcel) | +| [Microbundle](https://npm.im/microbundle) | [developit/microbundle](https://github.com/developit/microbundle) | Zero-configuration bundler for tiny modules. | ![GitHub](https://img.shields.io/github/stars/developit/microbundle) | +| [bundlejs](https://bundlejs.com) | [okikio/bundlejs](https://github.com/okikio/bundlejs) | An online tool to quickly bundle & minify your projects, while viewing the compressed gzip/brotli bundle size, all running locally on your browser. | ![GitHub](https://img.shields.io/github/stars/okikio/bundlejs) | +| [Vite](https://vite.dev) | [rollup/rollup](https://github.com/vitejs/vite) | Next generation frontend tooling. It's fast! | ![GitHub](https://img.shields.io/github/stars/vitejs/vite) | -* [webpack](https://github.com/webpack/webpack) - Packs CommonJs/AMD modules for the browser. -* [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. -* [Parcel](https://github.com/parcel-bundler/parcel) - Blazing fast, zero configuration web application bundler. -* [Microbundle](https://github.com/developit/microbundle) - Zero-configuration bundler for tiny modules. -* [FuseBox](https://github.com/fuse-box/fuse-box) - A bundler that does it right -* [Snowpack](https://www.snowpack.dev/) - A lightning-fast frontend build tool, designed for the modern web. -* [bundle](https://bundle.js.org) - A quick online npm package size checker. -* [Vite](https://vite.dev/) - Next Generation Frontend Tooling. -# Minimizers +## Minimizers + +| Name | Repository | Description | Badges | +|:-----|:-----------|:------------|:-------| +| [Terser](https://terser.org) | [terser/terser](https://github.com/terser/terser) | JavaScript parser, mangler and compressor toolkit for ES6+. | ![GitHub](https://img.shields.io/github/stars/terser/terser) | +| [UglifyJS](http://lisperator.net/uglifyjs) | [Uglify](https://github.com/mishoo/UglifyJS) | JavaScript parser / mangler / compressor / beautifier toolkit. | ![GitHub](https://img.shields.io/github/stars/mishoo/UglifyJS) | -* [Terser](https://github.com/terser/terser) - parser, mangler and compressor toolkit for ES6+ -* [Uglify](https://github.com/mishoo/UglifyJS) - parser / mangler / compressor / beautifier toolkit ## Type Checkers @@ -156,6 +156,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [Hindley Milner Definitions](https://github.com/xodio/hm-def) - runtime type checking for JavaScript functions using Haskell-alike Hindley Milner type signatures. * [Zod](https://github.com/colinhacks/zod) - TypeScript-first schema validation with built-in static type inference. + ## Testing Frameworks ### Frameworks @@ -173,6 +174,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [Cypress](https://www.cypress.io/) - Complete end-to-end testing framework for anything that runs in a browser and beyond. * [WebdriverI/O](https://webdriver.io/) - Next-gen browser and mobile automation test framework for Node.js + ### Assertion * [chai](https://github.com/chaijs/chai) - BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework. @@ -183,12 +185,14 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [proxyquire](https://github.com/thlorenz/proxyquire) - Stub nodejs's require. * [Supertest](https://github.com/visionmedia/supertest) - A popular HTTP assertion library for testing REST APIs, often used with other testing frameworks like Mocha or Jest + ### Coverage * [istanbul](https://github.com/gotwarlost/istanbul) - Yet another JS code coverage tool. * [blanket](https://github.com/alex-seville/blanket) - A simple code coverage library for JavaScript. Designed to be easy to install and use, for both browser and nodejs. * [JSCover](https://github.com/tntim96/JSCover) - JSCover is a tool that measures code coverage for JavaScript programs. + ### Runner * [phantomjs](https://github.com/ariya/phantomjs) - Scriptable Headless WebKit. @@ -204,6 +208,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [taiko](https://github.com/getgauge/taiko) - A Node.js library with a simple API to automate Chromium based browsers. * [Playwright](https://github.com/microsoft/playwright) - Node.js library to automate Chromium, Firefox and WebKit with a single API. + ## QA Tools * [prettier](https://github.com/prettier/prettier) - Prettier is an opinionated code formatter. @@ -219,6 +224,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [JS-Beautifier](https://github.com/beautify-web/js-beautify) - Npm cli and library to format JS code. * [husky](https://github.com/typicode/husky) - Prevents bad git commit, git push and more. + ## MVC Frameworks and Libraries * [angular.js](https://github.com/angular/angular.js) - HTML enhanced for web apps. (deprecated) @@ -267,6 +273,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [Whatsup](https://github.com/whatsup/whatsup) - A frontend framework for chillout-mode development 🥤. JSX components on generators, fast mobx-like state management and exclusive cssx style system. * [Remult](https://github.com/remult/remult) - A CRUD framework for full-stack TypeScript. + ## Node-Powered CMS Frameworks * [KeystoneJS](https://github.com/keystonejs/keystone) - powerful CMS and web app framework. @@ -282,6 +289,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [Strapi](https://github.com/strapi/strapi) - Open source Node.js Headless CMS to easily build customisable APIs. * [Factor](https://github.com/fiction-com/factor) - The Javascript CMS + ## Templating Engines *Templating engines allow you to perform string interpolation.* @@ -301,6 +309,7 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [swig](https://github.com/paularmstrong/swig) - (Archived) A simple, powerful, and extendable Node.js and browser-based JavaScript template engine. * [hmpl](https://hmpl-lang.dev) - Server-oriented customizable templating for JavaScript. + ## Game Engines * [A-Frame](https://aframe.io) - Make WebVR. * [Cocos](https://www.cocos.com) - Open Source Cross-Platform Game Development Framework. @@ -313,12 +322,14 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ * [PixiJS](https://pixijs.com) - The HTML5 Creation Engine. * [PlayCanvas](https://playcanvas.com) - PlayCanvas WebGL Game Engine. + ## Articles and Posts * [The JavaScript that you should know](https://medium.com/@pedropolisenso/o-javasscript-que-voc%C3%AA-deveria-conhecer-b70e94d1d706) - Article about concepts of JavaScript Functional. * [Multi-threading using web-workers](https://www.loginradius.com/blog/async/adding-multi-threading-to-javascript-using-web-workers/) - Web Workers: Adding Multi-threading to JavaScript * [this keyword in JavaScript](https://www.loginradius.com/blog/async/breaking-down-this-keyword-in-javascript/) - Breaking down the 'this' keyword in JavaScript + ## Data Visualization *Data visualization tools for the web.* @@ -369,11 +380,13 @@ A collection of awesome browser-side [JavaScript](https://developer.mozilla.org/ There're also some great commercial libraries, like [amchart](https://www.amcharts.com/), [anychart](https://www.anychart.com/), [plotly](https://plotly.com/), and [lightning chart](https://www.arction.com/lightningchart-js/). + ## Timeline * [TimelineJS v3](https://github.com/NUKnightLab/TimelineJS3) - A Storytelling Timeline built in JavaScript. * [timesheet.js](https://github.com/sbstjn/timesheet.js) - JavaScript library for simple HTML5 & CSS3 time sheets. + ## Spreadsheet * [HANDSONTABLE](https://github.com/handsontable/handsontable) - Handsontable is a JavaScript/HTML5 Spreadsheet Library for Developers @@ -382,6 +395,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Jspreadsheet CE](https://github.com/jspreadsheet/ce) - Jspreadsheet is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with other spreadsheet software. * [RevoGrid](https://github.com/revolist/revogrid) - RevoGrid is a fast, responsive excel like data grid library for modern web applications. + ## Editors * [ace](https://github.com/ajaxorg/ace) - Ace (Ajax.org Cloud9 Editor). @@ -409,6 +423,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Summernote](https://github.com/summernote/summernote) - Super simple WYSIWYG editor. * [Everright-formEditor](https://github.com/Liberty-liu/Everright-formEditor) - A visual drag-and-drop low-code form editor + ## Documentation * [DevDocs](https://devdocs.io/) is an all-in-one API documentation reader with a fast, organized, and consistent interface. @@ -426,6 +441,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [jsduck](https://github.com/senchalabs/jsduck) - API documentation generator made for Sencha JavaScript frameworks, but can be used for other frameworks too. * [codecrumbs](https://github.com/Bogdan-Lyashenko/codecrumbs) is a visual tool for learning and documenting a codebase by putting breadcrumbs in source code. + ## Files *Libraries for working with files.* @@ -435,6 +451,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [jsPDF](https://github.com/MrRio/jsPDF) - JavaScript PDF generation. * [PDF.js](https://github.com/mozilla/pdf.js) - PDF Reader in JavaScript. + ## Functional Programming *Functional programming libraries to extend JavaScript’s capabilities.* @@ -450,6 +467,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [wild-wild-path](https://github.com/ehmicky/wild-wild-path) - Object property paths with wildcards and regexps. * [sweet-monads](https://github.com/JSMonk/sweet-monads) - A utility library containing popular monads and lazy iterators. + ## Reactive Programming *Reactive programming libraries to extend JavaScript’s capabilities.* @@ -462,6 +480,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Cycle.js](https://cycle.js.org) - A functional and reactive JavaScript library for cleaner code. * [concent](https://github.com/concentjs/concent) - Definitely the ❤️ simplest but ⚡️ strongest state management for react, it is predictable、progressive and efficient. + ## Data Structure *Data structure libraries to build a more sophisticated application.* @@ -472,6 +491,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [ngraph.graph](https://github.com/anvaka/ngraph.graph) - Graph data structure in javascript. * [js-sdsl](https://github.com/zly201/js-sdsl) - Refer to the javascript standard data structure library implemented by c++ stl, which supports c++ bidirectional iterator mode. + ## Date *Date Libraries.* @@ -490,6 +510,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [luxon](https://github.com/moment/luxon) - Luxon is a library for working with dates and times in JavaScript. * [tempo](https://github.com/formkit/tempo) - Parsing, formatting, and timezones — Tempo is a small tree-shakable library for native Date objects. + ## String *String Libraries.* @@ -507,6 +528,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [plexis](https://github.com/plexis-js/plexis) - Lo-fi, powerful, community-driven string manipulation library. * [url-state-machine](https://github.com/anonrig/url-js) - Super fast spec-compliant URL parser state machine for Node.js. + ## Number * [Numeral-js](https://github.com/adamwdraper/Numeral-js) - A JavaScript library for formatting and manipulating numbers. @@ -519,6 +541,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Polynomial.js](https://github.com/infusion/Polynomial.js) - A polynomials library for JavaScript. * [Quaternion.js](https://github.com/infusion/Quaternion.js) - A quaternion library for JavaScript + ## Storage * [store.js](https://github.com/marcuswestin/store.js) - LocalStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood. @@ -544,7 +567,8 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Dexie.js](https://github.com/dexie/Dexie.js) - Dexie.js is a wrapper library for indexedDB. * [proxy-web-storage](https://github.com/KID-joker/proxy-web-storage) - Keep the type of storage value unchanged and change array and object directly. Supports listening to the changes and setting expires. * [PostgreSQL Browser](https://github.com/datawan-labs/pg) - Browser PostgreSQL Playground, no server, just client and pglite (postgresql wasm) - + + ## Color * [randomColor](https://github.com/davidmerfield/randomColor) - A color generator for JavaScript. @@ -555,8 +579,9 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [TinyColor](https://github.com/bgrins/TinyColor) - Fast, small color manipulation and conversion for JavaScript. * [Vibrant.js](https://github.com/jariz/vibrant.js/) - Extract prominent colors from an image. -## I18n And L10n -*Localization (l10n) and internationalization (i18n) JavaScript libraries.* + +## i18n and l10n +*Internationalization (i18n) and localization (l10n) JavaScript libraries.* * [i18next](https://github.com/i18next/i18next) - internationalisation (i18n) with JavaScript the easy way. * [polyglot](https://github.com/airbnb/polyglot.js) - tiny i18n helper library. @@ -564,6 +589,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [ttag](https://github.com/ttag-org/ttag) - Modern javascript i18n localization library based on ES6 tagged templates and the good old GNU gettext. * [attranslate](https://github.com/fkirc/attranslate) - A JavaScript-tool for synchronizing translation-files, including JSON/YAML/XML and other formats. + ## Control Flow * [async](https://github.com/caolan/async) - Async utilities for node and the browser. @@ -575,6 +601,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [ObjectEventTarget](https://github.com/gartz/ObjectEventTarget) - Provide a prototype that add support to event listeners (with same behavior of EventTarget from DOMElements available on browsers). * [sporadic](https://github.com/marcoonroad/sporadic) - Composable concurrency abstractions (such as streams, coroutines and Go-like channels) on top of promises, for Node and browser engines. + ## Routing * [director](https://github.com/flatiron/director) - A tiny and isomorphic URL router for JavaScript. @@ -584,6 +611,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [davis.js](https://github.com/olivernn/davis.js) - RESTful degradable JavaScript routing using pushState. * [navaid](https://github.com/lukeed/navaid) - A navigation aid (aka, router) for the browser in 850 bytes~! + ## Security * [DOMPurify](https://github.com/cure53/DOMPurify) - A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. @@ -591,6 +619,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [xss-filters](https://github.com/yahoo/xss-filters) - Secure XSS Filters by Yahoo. * [sanitize-html](https://github.com/apostrophecms/sanitize-html) - sanitize-html provides a simple HTML sanitizer with a clear API. + ## Log * [log](https://github.com/adamschwartz/log) - Console.log with style. @@ -601,17 +630,21 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [storyboard](http://guigrpa.github.io/storyboard/) - Universal logging library + Chrome extension; it lets you see all client and server tasks triggered by a user action in a single place. * [LogTape](https://logtape.org/) - Simple logging library with zero dependencies for Deno, Node.js, Bun, browsers, and edge functions. + ## RegExp + * [RegEx101](https://regex101.com/#javascript) - Online regex tester and debugger for JavaScript. Also supports Python, PHP and PCRE. * [RegExr](https://regexr.com/) - HTML/JS based tool for creating, testing, and learning about Regular Expressions. * [Regulex](https://jex.im/regulex/) - JavaScript Regular Expression Parser & Visualizer. * [Regex-Vis](https://regex-vis.com/) - Regex visualizer & editor. + ## Voice Command * [annyang](https://github.com/TalAter/annyang) - A JavaScript library for adding voice commands to your site, using speech recognition. * [voix.js](https://github.com/pazguille/voix) - A JavaScript library to add voice commands to your sites, apps or games. + ## API * [axios](https://github.com/axios/axios) - Promise based HTTP client for the browser and node.js. @@ -628,15 +661,18 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [SWRV](https://github.com/Kong/swrv) - Stale-while-revalidate data fetching for Vue. * [Vue Query](https://github.com/DamianOsipiuk/vue-query) - Hooks for fetching, caching and updating asynchronous data in Vue. + ## Streaming * [Tailor](https://github.com/zalando/tailor) - Streaming layout service for front-end microservices, inspired by Facebook's BigPipe. + ## Vision Detection * [tracking.js](https://github.com/eduardolundgren/tracking.js) - A modern approach for Computer Vision on the web. * [ocrad.js](https://github.com/antimatter15/ocrad.js) - OCR in JavaScript via Emscripten. + ## Machine Learning * [ConvNetJS](https://github.com/karpathy/convnetjs) - Deep Learning in JavaScript. Train Convolutional Neural Networks (or ordinary ones) in your browser. @@ -650,19 +686,24 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [m2cgen](https://github.com/BayesWitnesses/m2cgen) - A CLI tool to transpile trained classic ML models into a native JavaScript code with zero dependencies. * [JS-PyTorch](https://github.com/eduardoleao052/js-pytorch) - GPU accelerated PyTorch in JavaScript. + ## Browser Detection * [bowser](https://github.com/ded/bowser) - a browser detector. + ## Operating System + * [os.js](https://github.com/os-js/OS.js) - An open-source web desktop platform with a window manager, application APIs, GUI toolkit, filesystem abstractions and much more. + ## Benchmark * [benchmark.js](https://github.com/bestiejs/benchmark.js) - A benchmarking library. As used on jsPerf.com. * [matcha](https://github.com/logicalparadox/matcha) - A caffeine driven, simplistic approach to benchmarking. * [bencher](https://github.com/bencherdev/bencher) - A suite of continuous benchmarking tools designed to catch performance regressions in CI. + ## Web Worker * [partytown](https://github.com/BuilderIO/partytown) - Relocate resource intensive third-party scripts off of the main thread and into a web worker. @@ -676,11 +717,13 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [workerpool](https://github.com/josdejong/workerpool) - Offload tasks to a pool of workers on node.js and in the browser. * [clooney](https://github.com/GoogleChromeLabs/clooney) - Clooney is an actor library for the web. Use workers without thinking about workers. + ## Code highlighting * [Highlight.js](https://github.com/isagalaev/highlight.js) - JavaScript syntax highlighter. * [PrismJS](https://github.com/PrismJS/prism) - Lightweight, robust, elegant syntax highlighting. + ## Loading Status *Libraries for indicate load status.* @@ -697,6 +740,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Ladda](https://github.com/hakimel/Ladda) - Buttons with built-in loading indicators. * [css-loaders](https://github.com/lukehaas/css-loaders) - A collection of loading spinners animated with CSS + ## Validation * [Parsley.js](https://github.com/guillaumepotier/Parsley.js) - Validate your forms, frontend, without writing a single line of JavaScript. @@ -710,6 +754,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Funval](https://github.com/neuledge/funval) - Data validation using functions interfaces (support TypeScript). * [vest](https://github.com/ealush/vest) - 🦺 Declarative form validation framework inspired by unit testing. + ## Keyboard Wrappers * [mousetrap](https://github.com/ccampbell/mousetrap) - Simple library for handling keyboard shortcuts in JavaScript. @@ -719,6 +764,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [jquery.hotkeys](https://github.com/jeresig/jquery.hotkeys) - jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination. * [jwerty](https://github.com/keithamus/jwerty) - Awesome handling of keyboard events. + ## Tours And Guides * [intro.js](https://github.com/usablica/intro.js) - A better way for new feature introduction and step-by-step users guide for your website and project. @@ -730,6 +776,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [focusable](https://github.com/zzarcon/focusable) - Set a spotlight focus on DOM element adding a overlay layer to the rest of the page. * [driver.js](https://github.com/kamranahmedse/driver.js) - Powerful yet light-weight, vanilla JavaScript engine to drive the user's focus across the page + ## Notifications * [iziToast](https://github.com/dolce/iziToast) - Elegant, responsive, flexible and lightweight notification plugin with no dependencies. @@ -743,6 +790,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [notifire](https://github.com/notifirehq/notifire) - Open-source notification infrastructure for products. * [toastify-js](https://github.com/apvarun/toastify-js) - Pure JavaScript library for better notification messages. + ## Sliders * [Swiper](https://github.com/nolimits4web/Swiper) - Mobile touch slider and framework with hardware accelerated transitions. @@ -787,6 +835,7 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [Ion.CheckRadio](https://github.com/IonDen/ion.checkRadio) - jQuery plugin for styling checkboxes and radio-buttons. With skin support. * [awesomplete](https://github.com/LeaVerou/awesomplete) - Ultra lightweight, usable, beautiful autocomplete with zero dependencies. - https://projects.verou.me/awesomplete/ + ### Calendar * [pickadate.js](https://github.com/amsul/pickadate.js) - The mobile-friendly, responsive, and lightweight jQuery date & time input picker. @@ -799,12 +848,14 @@ There're also some great commercial libraries, like [amchart](https://www.amchar * [tui.calendar](https://github.com/nhn/tui.calendar) - A JavaScript schedule calendar that is full featured. Now your service just got the customizable calendar. * [Schedule-X](https://github.com/schedule-x/schedule-x) - Material design event calendar. Features drag & drop, dark mode, multiple views and more. + ### Select * [selectize.js](https://github.com/selectize/selectize.js) - Selectize is the hybrid of a textbox and `