[Web]Libraries & Frameworks & Tools & Documents Notes
Keywords: Web, Libraries, Frameworks, Tools, Documents, Notes
Web Frameworks & Libraries
Web Design
Take the hassle out of icons in your website. Font Awesome is the Internet’s icon library and toolkit, used by millions of designers, developers, and content creators.
https://fontawesome.com/
Full Stack
Remix. Build Better Websites. Create modern, resilient user experiences with web fundamentals.
https://github.com/remix-run/remix
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
https://github.com/vercel/next.js
Backend (Server)
Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
https://nodejs.org/
Node Version Manager (nvm) for Windows
https://github.com/coreybutler/nvm-windows
Node.js Production Process Manager with a built-in Load Balancer.
https://github.com/Unitech/pm2
Fast, reliable, and secure dependency management.
https://github.com/yarnpkg/yarn/
Install PM2 offline as a service on Windows or Linux. Mostly designed for Windows.
https://github.com/jessety/pm2-installer
Web Frontend
The Progressive JavaScript Framework
https://vuejs.org
https://github.com/vuejs/vue
Svelte is a new way to build web applications. It’s a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.
https://svelte.dev/
https://github.com/sveltejs/svelte
Next generation frontend tooling. It’s fast!
http://vitejs.dev/
https://github.com/vitejs/vite
Minimal CSS Framework for semantic HTML.
https://github.com/picocss/pico
React components library with native dark theme support.
https://github.com/mantinedev/mantine
Ant Design. An enterprise-class UI design language and React UI library.
https://github.com/ant-design/ant-design
JavaScript Compiler
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through “loaders”, modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, … and your custom stuff.
https://github.com/webpack/webpack
Babel is a compiler for writing next generation JavaScript.
https://github.com/babel/babel
Transforming styles with JS plugins
https://github.com/postcss/postcss
bun is like postcss, babel, node & webpack in one 100x faster tool for building modern web frontends.
https://bun.sh/
Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.
https://github.com/Jarred-Sumner/bun
Vanilla JavaScript
Common tasks of managing HTML DOM with vanilla JavaScript. Give me 1 ⭐if it’s useful.
https://github.com/phuoc-ng/html-dom
Build
ESM-powered frontend build tool. Instant, lightweight, unbundled development.
https://github.com/snowpackjs/snowpack
Deploy
Build, deploy, & scale modern web projects
https://www.netlify.com/
Web Interface (GUI, Diagrams, Charts)
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
https://github.com/NorthwoodsSoftware/GoJS
Visually explore, understand, and present your data.
https://github.com/microsoft/SandDance
Visualize flow between nodes in a directed acyclic network.
https://github.com/d3/d3-sankey
Web Interface (Vue based GUI)
Free and Beautiful Vue.js Admin Template
https://github.com/epicmaxco/vuestic-admin
A magical vue admin
https://github.com/PanJiaChen/vue-element-admin
https://github.com/vue-bulma/vue-admin
a vue2.0 minimal admin template
https://github.com/PanJiaChen/vue-admin-template
Vue 2.0 admin management system template based on iView
https://github.com/iview/iview-admin
A vue-cli 3.0 + typescript minimal admin template
https://github.com/Armour/vue-typescript-admin-template
CoreUI Vue is free Vue admin template based on Bootstrap 4.
https://github.com/coreui/coreui-free-vue-admin-template
A fancy self-hosted monitoring tool
https://github.com/louislam/uptime-kuma
Web Interface (React based GUI)
Simple, Modular & Accessible UI Components for your React Applications.
https://github.com/chakra-ui/chakra-ui
Universal UI kit and style system for React Native + Web - with an optimizing compiler
https://github.com/tamagui/tamagui
Web Server (HTTP / HTTPS)
A C++ High Performance Web Server
https://github.com/linyacool/WebServer
A C++ single-file header-only cross platform HTTP/HTTPS library.
https://github.com/yhirose/cpp-httplib
A high-performance REST Toolkit written in C++
https://github.com/oktal/pistache
A Java High performance non-blocking webserver
https://github.com/undertow-io/undertow
WebSocket
A short and sweet WebSocket client for C++
https://github.com/dhbaird/easywsclient
native websocket with vuex integration
https://github.com/nathantsoi/vue-native-websocket
WebAssembly (WASM)
Capacitor: Build cross-platform Native Progressive Web Apps for iOS, Android, and the web
https://github.com/ionic-team/capacitor
WebAssembly C and C++ API
https://github.com/WebAssembly/wasm-c-api
Emscripten: An LLVM-to-Web Compiler (Useful for game development)
https://github.com/emscripten-core/emscripten
Porting Examples and Demos
https://github.com/emscripten-core/emscripten/wiki/Porting-Examples-and-Demos
Definitely not a TypeScript to WebAssembly compiler
https://github.com/AssemblyScript/assemblyscript
Standalone JIT-style runtime for WebAssembly, using Cranelift
https://github.com/bytecodealliance/wasmtime
Demos for Wasmtime usage and WASI content
https://github.com/bytecodealliance/wasmtime-demos
WASI-enabled C/C++ toolchain
https://github.com/CraneStation/wasi-sdk
Blogs Framework
A super concise theme for Hugo
https://github.com/olOwOlo/hugo-theme-even
A Hugo theme component to embed videos using HTML video element. video player.
https://github.com/martignoni/hugo-video
Universal theme for Hugo, it stands out with its clean design and elegant typography.
https://github.com/devcows/hugo-universal-theme
Simple web app that renders minimalist CV with print-friendly layout. Built with Next.js and shadcn/ui, deployed on Vercel.
https://github.com/BartoszJarocki/cv
Built-in Search
A modern, high customizable, responsive Jekyll theme for documention with built-in search. (Recommended)
https://github.com/just-the-docs/just-the-docs
Graphics Library
Create graphics with a hand-drawn, sketchy, appearance
https://github.com/pshihn/rough
Web based Client-Server Application
An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
https://github.com/SimulatedGREG/electron-vue
Native Mobile Apps
Native mobile applications using Vue and NativeScript. (Recommended)
https://github.com/nativescript-vue/nativescript-vue
Vue Native is a framework to build cross platform native mobile apps using JavaScript
https://github.com/GeekyAnts/vue-native-core
Build cross-platform Native Progressive Web Apps for iOS, Android, and the web
https://github.com/ionic-team/capacitor
UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!
https://github.com/storybookjs/storybook
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
https://flutter.dev/
Format (LATEX)
This almost class-less CSS library turns your HTML document into a website that looks like a LATEX document.
https://github.com/vincentdoerig/latex-css
Schedule
Cron for NodeJS.
https://github.com/kelektiv/node-cron
Testing
Fast, easy and reliable testing for anything that runs in a browser.
https://github.com/cypress-io/cypress
A browser automation framework and ecosystem.
https://github.com/SeleniumHQ/selenium
API Showcase
- Postman
- Swagger
- Mock
- JMeter
- Apifox
TypeScript Libraries
Serialization
A TypeScript RPC framework, with runtime type checking and serialization, support both HTTP and WebSocket. It is very suitable for website / APP / games, and absolutely comfortable to full-stack TypeScript developers.
https://github.com/k8w/tsrpc
TypeScript type serializer used by TSRPC.
https://github.com/k8w/tsbuffer
Web Tools
Performance Analystics
All-in-one website monitoring tool that continuously tracks and measures over 2,800 data points to boost your web performance.
https://hexometer.com/
Website Traffic
With Xtraffic+, everything has changed, it only takes you less than 60 seconds, and without paying extra. With Xtraffic+, you can drive tons of search engine traffic to any website/blog.
https://www.xtraffic.plus/
Cloud Tools
Deploy and Scale
Our optimized configuration process saves your team time when running and scaling distributed applications, AI & machine learning workloads, hosted services, client websites, or CI/CD environments.
https://www.digitalocean.com/
Web Server Frameworks & Libraries
Web Server Middleware
Spring Boot
https://spring.io/projects/spring-boot
Database Frameworks & Libraries
Database Middleware
Distributed database middleware
https://github.com/apache/incubator-shardingsphere
MyCAT is an enforced database which is a replacement for MySQL and supports transaction and ACID. Regarded as MySQL cluster of enterprise database, MyCAT can take the place of expensive Oracle cluster.
https://github.com/MyCATApache/Mycat-Server
Dig Data Frameworks
Kappa
From Lambda to Kappa: A Guide on Real-time Big Data Architectures
https://www.talend.com/blog/2017/08/28/lambda-kappa-real-time-big-data-architectures/
Web Assets
Badges
Concise, consistent, and legible badges in SVG and raster format
https://shields.io
https://github.com/badges/shields
Fragments Tutorials
Real-time Data
Real-Time Data Visualization Using Vue and Socket.io
https://www.telerik.com/blogs/real-time-data-visualization-using-vue-and-socket.io
V8 Engine
How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e
JavaScript 工作原理 —— V8引擎透视 + 5个编写优化代码的技巧
https://panzhongxian.cn/cn/2021/04/02-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code/
Comprehensive Tutorials
Web Frontend Tutorials
INTRO TO WEB DEV V2 - VIDEOS ON FRONTEND MASTERS
https://btholt.github.io/intro-to-web-dev-v2/
Intro to Web Dev, v2
https://github.com/btholt/intro-to-web-dev-v2
freeCodeCamp.org’s open source codebase and curriculum. Learn to code for free.
https://github.com/freeCodeCamp/freeCodeCamp
Social & Community
Forums Builder
A platform for community discussion. Free, open, simple.
https://github.com/discourse/discourse
Social App
Your self-hosted, globally interconnected microblogging community
https://joinmastodon.org/
https://github.com/mastodon/mastodon
Comprehensive Forums
DEV is a community of software developers getting together to help one another out.
https://dev.to/
Make it happen, shock everyone.
