React

官网

React

React (reactjs.org)

UI 库

MUI Core: Ready to use components, free forever

Mantine

Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. - Chakra UI (chakra-ui.com)

Ant Design - 一套企业级 UI 设计语言和 React 组件库

Primitives – Radix UI (radix-ui.com)

Primer React

NextUI - Beautiful, fast and modern React UI Library

Tailwind UI - Official Tailwind CSS Components & Templates

React Semantic UI Tutorial for Beginners (robinwieruch.de)

React-Bootstrap · React-Bootstrap Documentation

状态管理

Redux Toolkit | Redux Toolkit (redux-toolkit.js.org)

MobX

Redux - A predictable state container for JavaScript apps. | Redux

Recoil (recoiljs.org)

数据获取

TanStack Query | React Query, Solid Query, Svelte Query, Vue Query

用于数据请求的 React Hooks 库 – SWR (bootcss.com)

RTK Query Overview | Redux Toolkit (redux-toolkit.js.org)

路由

Home v6.10.0 | React Router

国际化

Introduction - react-i18next documentation

动画库

React Transition Group (reactcommunity.org)

Framer Motion

react-spring

GitHub - chenglou/react-motion: A spring that solves your animation problems.

Home - React Reveal (react-reveal.com)

其它周边

拖拽

React DnD (react-dnd.github.io)

AR/VR

GitHub - pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js

GitHub - supermedium/aframe-react: Build virtual reality experiences with A-Frame and React.

富文本编辑器

GitHub - zenoamaro/react-quill: A Quill component for React.

Slate Examples (slatejs.org)

Draft.js (draftjs.org)

组件文档

Docz

Docusaurus

React Styleguidist: Isolated React component development environment with a living style guide | React Styleguidist (react-styleguidist.js.org)

Vue

官网

Vue.js - The Progressive JavaScript Framework | Vue.js (vuejs.org)

Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

UI 库

一个 Vue 3 UI 框架 | Element Plus (gitee.io)

Components Overview - Ant Design Vue (antdv.com)

Vant 4 - 轻量、可定制的移动端组件库 (vant-ui.github.io)

面向 Vue3 的 Material 风格移动端组件库 (gitee.io)

Mint UI (mint-ui.github.io)

状态管理

Pinia | The intuitive store for Vue.js (vuejs.org)

路由

Vue Router | Vue.js 的官方路由 (vuejs.org)

国际化

Vue I18n | Vue I18n (intlify.dev)

其它周边

VueUse | VueUse

Angular

官网

Angular

Angular中文

UI 库

Angular Material 组件库

DevUI

OpenTiny - 企业级产品的完整设计和开发解决方案

Clarity Design System

其它框架

SolidJS · 反应式 JavaScript 库

Svelte 中文文档 | Svelte 中文网

Svelte • Cybernetically enhanced web apps

Inferno (infernojs.org)

Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM. (preactjs.com)

Preact 是 React 的轻量级替代方案，体积仅有 3kB，并且拥有与 React 相同的 API | Preact 是 React 的轻量化替代方案，体积仅有 3KB，并且提供了与 React 相同的 ES6 API、组件和虚拟 DOM。 (preactjs.com.cn)

代码规范检查及格式化

Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter

List of available rules - ESLint中文

Overview | typescript-eslint

Home | Stylelint

Prettier · Opinionated Code Formatter

构建工具及编译器

Babel：Babel · Babel (babeljs.io)

webpack

Vite | Next Generation Frontend Tooling (vitejs.dev)

esbuild - An extremely fast bundler for the web

Rust-based platform for the Web – SWC

Rollup | Rollup (rollupjs.org)

图表库（含3D）

Apache ECharts

兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts

Chart.js | Open source HTML5 Charts for your website (chartjs.org)

Chartist - Simple responsive charts (gionkunz.github.io)

home | p5.js (p5js.org)

D3.js - Data-Driven Documents (d3js.org)

Three.js – JavaScript 3D Library (threejs.org)

Babylon.js: Powerful, Beautiful, Simple, Open - Web-Based 3D At Its Best (babylonjs.com)

nunuStudio

FinalMesh

Sketchfab - The best 3D viewer on the web

摩尔网CGMOL-3D模型免费共享

WebGL

WebGL 2.0 Specification (khronos.org)

The OpenGL ES Shading Language (khronos.org)

LearnOpenGL-CN

GLSL 详解（基础篇） · Colin's Nest (colin1994.github.io)

GLSL 详解（高级篇） · Colin's Nest (colin1994.github.io)

GitHub - akira-cn/gl-renderer

[GitHub - oframe/ogl: Minimal WebGL Library(github.com/oframe/ogl)

三角剖分：

GitHub - mikolalysenko/cdt2d: 2D constrained Delaunay triangulation

GitHub - memononen/tess2.js: GLU tesselator ported to Javascript, performs polygon boolean operations and triangulation.

GitHub - mapbox/earcut: The fastest and smallest JavaScript polygon triangulation library for your WebGL apps

地图库

CesiumJS – Cesium

Home | deck.gl

Leaflet - a JavaScript library for interactive maps (leafletjs.com)

Maps, geocoding, and navigation APIs & SDKs | Mapbox

Overview | ArcGIS Maps SDK for JavaScript 4.26 | ArcGIS Developers

2D 绘图

Konva - JavaScript 2d canvas library (konvajs.org)

Fabric.js Javascript Canvas Library (fabricjs.com)

Raphaël—JavaScript Library (dmitrybaranovskiy.github.io)

CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

物理：Matter.js Demo (brm.io)

Web编辑：GrapesJS

低代码：低代码引擎 | LowCodeEngine (lowcode-engine.cn)

数学库

math.js | an extensive math library for JavaScript and Node.js (mathjs.org)

测试

Jest · 🃏 Delightful JavaScript Testing (jestjs.io)

Mocha中文网 - 有趣、简单、灵活的javascript测试框架 (mochajs.cn)

Jasmine Documentation

PhantomJS - Scriptable Headless Browser

JavaScript Web Testing and Component Testing Framework | cypress.io

Twilio Segment Open

Fast and reliable end-to-end testing for modern web apps | Playwright

Storybook: Frontend workshop for UI development

Protractor - end-to-end testing for AngularJS (protractortest.org)

Nightwatch.js | Node.js powered End-to-End testing framework (nightwatchjs.org)

Selenium

Puppeteer | Puppeteer (pptr.dev)

Karma - Spectacular Test Runner for Javascript (karma-runner.github.io)

GitHub - avajs/ava: Node.js test runner that lets you develop with confidence 🚀

Chai (chaijs.com)

GitHub - power-assert-js/power-assert: Power Assert in JavaScript. Provides descriptive assertion messages through standard assert interface. No API is the best API.

Istanbul, a JavaScript test coverage tool.

CSS 渐变、配色

Gradient Colors Collection Palette - CoolHue 2.0 (webkul.github.io)

Colors - A nicer color palette for the web. (clrs.cc)

uigradients.com/

ColorSpace - Color Palettes Generator and Color Gradient Tool (mycolor.space)

CSS Gradient — Generator, Maker, and Background

Fresh Background Gradients | WebGradients.com 💎

Gradient by ShapeFactory | Chromatic Gradient Generator

Color Palettes for Designers and Artists - Color Hunt

通用动画库

Animate.css | A cross-browser library of CSS animations.

Hover.css - A collection of CSS3 powered hover effects (ianlunn.github.io)

Magic Animations CSS3 (minimamente.com)

GreenSock

mo.js (mojs.github.io)

particles.js - A lightweight JavaScript library for creating particles (vincentgarreau.com)

tsParticles | JavaScript Particles, Confetti and Fireworks animations for your website

Trig.js Documentation (idev-games.github.io)

RoughNotation

各种 CSS 特效集合

cssinspirationguide - csc inspiration guide online (chokcoco.github.io)

Animista - On-Demand CSS Animations Library

A collection of popular layouts and patterns made with CSS - CSS Layout

Awwwards - Website Awards - Best Web Design Trends

Daily CSS Design

桌面端

Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron (electronjs.org)

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps

手机端

React Native 中文网 · 使用React来编写原生应用的框架

React Native · Learn once, write anywhere

Flutter - Build apps for any screen

Flutter: 为所有屏幕创造精彩 - Flutter 中文开发者网站 - Flutter

MUI-最接近原生APP体验的高性能前端框架 (dcloud.net.cn)

FrozenUI · 专注于移动web的UI框架，基于腾讯手机QQ规范.

微信小程序

微信开放文档 (qq.com)

TDesign (tencent.com)

服务端

Node.js (nodejs.org)

Node.js 中文网 (nodejs.cn)

Next.js by Vercel - The React Framework for the Web (nextjs.org)

Next.js - React 应用开发框架 | Next.js中文网 (nextjs.cn)

Nuxt - The Intuitive Vue Framework (nuxtjs.org)

Nuxt: The Intuitive Web Framework

NestJS - A progressive Node.js framework

NestJS 简介 | NestJS 中文文档 | NestJS 中文网

Express - Node.js web application framework (expressjs.com)

Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网 (expressjs.com.cn)

Koa - next generation web framework for node.js (koajs.com)

Koa(koa.js)中文网 -- 基于 Node.js 平台的下一代 web 开发框架 (koajs.com.cn)

egg - 为企业级框架和应用而生 - Egg (eggjs.org)

VSCode 插件

Extension API | Visual Studio Code Extension API

Extensions Capabilities Overview | Visual Studio Code Extension API

GitHub - microsoft/vscode-extension-samples: Sample code illustrating the VS Code extension API.

GitHub - microsoft/vscode-generator-code: Visual Studio Code extension generator

Chrome 插件

Extensions - Chrome Developers

Rust 与 WebAssembly

Rust Programming Language (rust-lang.org)

crates.io: Rust Package Registry

Rust 中文文档 | Rust 文档网 (rustwiki.org)

简介 - 通过例子学 Rust 中文版 (rustwiki.org)

Getting Started - Asynchronous Programming in Rust (rust-lang.github.io)

Introduction - Rust and WebAssembly (rustwasm.github.io)

Rust 程序设计语言 - Rust 程序设计语言 简体中文版 (kaisery.github.io)

Rust and WebAssembly · GitHub

图片处理

图片无损压缩：Squoosh

代码图片生成：Carbon | Create and share beautiful images of your source code

像素级处理分析图片：GitHub - kpdecker/node-resemble: Image analysis and comparison

sharp - High performance Node.js image processing (pixelplumbing.com)

Compressor.js (fengyuanchen.github.io)

Image-editor | TOAST UI :: Make Your Web Delicious!

Viewer.js (fengyuanchen.github.io)

前端工具库

兼容性：Can I use... Support tables for HTML5, CSS3, etc

“流”方式处理文件，如大文件下载等：GitHub - jimmywarting/StreamSaver.js: StreamSaver writes stream to the filesystem directly asynchronous

机器学习：TensorFlow.js | TensorFlow中文官网

正则表达式可视化：Regulex：JavaScript Regular Expression Visualizer (jex.im)

加密代码为表情：aaencode - Encode any JavaScript program to Japanese style emoticons (^_^) (utf-8.jp)

JSON在线 | JSON解析格式化—SO JSON在线工具

iconfont-阿里巴巴矢量图标库

Grafana: The open observability platform | Grafana Labs

nginx

Mock.js (mockjs.com)

Create mock APIs in seconds with Mockoon

Postman API Platform | Sign Up for Free

Hoppscotch • Open source API development ecosystem • Hoppscotch

Docker: Accelerated, Containerized Application Development

UI 设计

Pixso官网 - 新一代UI设计工具，替代Sketch，Figma，支持在线实时协作

花瓣网 - 陪你做生活的设计师（创意灵感天堂，搜索、发现设计灵感、设计素材） (huaban.com)

优设网官网 - UISDC - 国内专业设计师平台 - 看设计文章，学软件教程，找灵感素材，尽在优设网！

UICN用户体验设计平台

学习

TypeScript: Handbook - The TypeScript Handbook (typescriptlang.org)

ES6 入门教程 - ECMAScript 6入门 (ruanyifeng.com)

Grid Garden - A game for learning CSS grid (cssgridgarden.com)

Flexbox Defense

Flexbox Froggy - A game for learning CSS flexbox

CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io)

Red Stapler | Coding Tutorials and Development Tips

常用设计模式有哪些？ (refactoringguru.cn)

TaoPoppy

网站的集合站

All – Tiny Helpers (tiny-helpers.dev)

DevDocs API Documentation

GitHub - awesome-css-group/awesome-css: A curated contents of amazing CSS :)

GitHub - jobbole/awesome-css-cn: CSS 资源大全中文版，内容包括：CSS预处理器、框架、CSS结构、代码风格指南、命名习惯等等

GitHub - chinaBerg/awesome-canvas: Canvas资源库大全中文版。An awesome Canvas packages and resources.