Framework.md

February 6, 2024 ยท View on GitHub

JavaScript Framework | Library Back

The following table is generated as per the classification of JavaScript frameworks, or libraries which I have met or used.

Categories
MVVM, MVC, MVVueReact, ReduxAngular
Google Closuremobx (state management)nerv
superfine (only view layer)pjax (pushState + ajax)svelte
Through Languagesalpine (js-in-html)twin.macro (css-in-js)
Mobile (cross through platforms)framework7ionicreact-native
eletron
AnimationGreenSockWalkwayDynamics
svg.js rellax (parallel scrolling)anime
dynamics.jsparticles.js (particle animations)contour (drawing SVG)
sketch.js
Bundle ToolsWebpackparcelvite
esbuild (for pure ES module)rollup
WidgetsInteractScrollMagicwatermarks
SortablePhotoSwipehandsontablew
splitclientjs (device information)downshift (input components based on React)
consola (console tools)strip-indentiframe-resizer
swiper (swiped banners)imagesloaded (check image loading status)keymaster (keyboard handler)
jquery-locationpicker-pluginbrowserslistjexcel (interactive tables like Excel)
Clamp.js (overflow ellipses)react-dnd (Drag and Drop for React)shake.js (shake event for mobiles)
iinkJS (handwriting recognition)cropper, Croppie (image cropper)react-easy-crop
Lint (or tools for conventions)ESLintjsdochusky, git-commit-message-convention, commitlint
legally (Check Illegal NPM packages)
FunctionaljQuerylodashunderscore
rxjsClassienumber-precision
Browser CompatibilityModernizerphatomjs (simulated browser environment for testing)es3ify
babel
Nodecsv-writer, csv-parser (csv)iconv-lite (encoding)node-glob, glob-stream
node-propertiesnode-uuid node-zip
glslify (for GLSL)through2 (file stream)fusuma (presentation tool with MDX)
emailjs-mime-builder, emailjs-mime-parserutf8.js (utf8 encoder/decoder)node-sketch
node-cachenode-sassexceljs
speedracer (test performance for Node modules)pkg (package executables)devtool (run Node.js programs with Chromium DevTools)
chrome-remote-interface (Chrome Debugging Protocol interface or Node.s)jsdiff (diff text)falcor (for data fetching)
isomorphic-git (pure js for Git Operation)svgexport (SVG to PNG/JPEG for Node)remove-markdown (strip Markdown stuff from text)
cli-tabletablenode-progress (progress bar for Node)
sheetjspako (zlib port for compression)node-apn (for Apple Push notification)
EPromises (Extended Promises)Turndown (HTML to Markdown)image-to-ascii
node-canvassimple-peer (WebRTC)trianglify
exifr (EXIF parser)Bree (job scheduler in Node)
ServersExpressKoafastify
Syntax Highlightpygments.jsprismhighlight.js
Graphic (VR, AR etc.)three.js (3D)viro (AR and VR)zdog
d3, d3-graphivizaframetracking.js
gm (GraphicsMagick for Node)sharp (based on Node)html2canvas
rough (hand-drawn generation)three.ar.jspixi.js
VivGraphJSmojsPolyvia
tesseract.js (text extractor from images)webvr-boilerplate (based on three.js)konva (Canvas Framework)
canny-edge-detectionsigma.jsStackBlur (Gaussian Blur)
smartcrop.jsmatter-js (physical graphic engine)
Computer Visionmediapipe (CV solutions with JavaScript)anime4k (JS implementation of Anime4K)
Touch Handlerhammer.jstouchemulatorTouchy.js
ColorTinyColor (color manipulation)chromatism (utility functions for colors)spectrum (color picker)
Timemoment, moment-timezoneluxon (lightweight)spacetime (lightweight)
moment-duration-format (formatter for moment duration)moment-lunar (plugin for Chinese lunar calendar)
Videovideo.jsflv.js (flv player)ccapture.js (based on Canvas)
jPlayerRemotion (create video programmatically)
Audiohowler.jsRythm.jsaurora.js (audio decoding framework)
flac.jsbeats-audio-api
Data Visualizationdeck.glluma.glstreetscape.gl
echartsgrafanaChart.js
fusioncharts-jquery-pluginreact-vis (based on React)tensorboard (Visualization Toolkit for TensorFlow)
GoJS
JavaScript ParseracornUglifyJSjstransform
tenko (support ES6 - ES2020)seafox (up to ES2021)escaya (up to ES2021)
esprimaespree
Markdown Parsermarkedunified, remarkremarkable
markdown-it
Securityretire.jsjs-xsscrypto-js
aes-jsDOMPurify
Editorsimplemde-markdown-editor (Markdown)kindeditorreact-ace (based on React)
acemonaco-editor (code)react-page (based on React)
slateckeditor5
HTTP / Socket Clientky (based on window.fetch)socket.io-clientaxios
request
Parserspsd.jshtmlparser2 (HTML and XML)mailparser (MIME parser)
Data Trainingbrain.jstfjs
Shim / Polyfillraf (requestAnimationFrame)json3core-estimator (navigator.hardwareConcurrency)
core-jsExplorerCanvas (simulated Canvas?)history.js
Webpack Loaders / Pluginsloader-utilshandlebars-loadercss-split-webpack-plugin
git-revision-webpack-pluginvue-loadermini-css-extract-plugin
postcss-loaderless-loadereslint-loader
css-loaderwebpack-dev-middlewareanalyse (analyse building states)
ES3-compatible-webpack-pluginsass-loaderhtml-webpack-plugin
copy-webpack-pluginextract-text-webpack-pluginwebpack-bundle-analyzer
react-hot-loaderbabel-loadercircular-dependency-plugin
Bookvuepressdoczmdx-deck
gitbookwikieleventy-high-performance-blog (performance best practices)
UIYUIjquery-uielement (based on Vue)
ant-design (based on React)bootstrapwired-elements
Font-Awesome (icon toolkit)material-uibumbag-ui (based on React)
Fluent-UItdesign
Optimizationcssnanouglify-js@2uglify-js@3 (uglify-es not maintained)
css-blocksprettierclean-css
terser (ES6+)babel-minify (Babel's toolchain)optimize-js
javascript-obfuscator
Templatenunjuckshandlebars.jsmustache.js
ember.jssquirrellyPug
ejsNunjucksbackbonejs
markomoustache.jsdoT
hogan.jsTemplate7 (Mobile-first template engine)
Testmocha, chaijestjasmine, karma
dom-testing-librarycypress (end to end)puppeteer (end to end)
lighthouse (UX performance)rrweb (record and replay)playwright
Game Enginescocos2d-jshex-enginephaser
Package Managementnpmyarnbower
verdaccio (private npm proxy)lerna (manage multiple packages in one project)
Performancefastdom (DOM performance enhancement)
Encryption/Decryptionjs-jsbn (RSA)sm-crypto (SM2/SM3/SM4)IDEA (IDEA cipher)
Renderingmarkmap (mind maps)vexflow (stave)KaTeX (math expressions)
File Systemwebdav-client

Note: strong links mean there are corresponding notes for those frameworks or libraries.