Skip to content
常用 ● ReactUI组件库
常用 ● VueUI组件库
常用 ● 效果组件
常用 ● 工具类
常用 ● Vue工具类
其他
runtime
构建工具
代码检查
语言文档和规范
Vue
VueUI
React
ReactUI
状态管理库
CSS相关
小程序框架
图标
工具 ● JavaScript
工具 ● 站点生成
工具 ● 正则
工具 ● Shell
工具 ● Node
工具 ● 开源
服务
安全
测试
图表
Git
社区
周刊/博客
教程

常用 ● ReactUI组件库

  • Ant Design

    Ant Design

  • React Bootstrap

    ReactBootstrap

  • MATERIAL UI

    MATERIAL-UI

常用 ● VueUI组件库

  • ElementUI

    PC端

  • Vant

    轻量、可定制的移动端Vue组件库

  • ViewUI

    基于Vue.js3的企业级UI组件库和中后台系统解决方案

常用 ● 效果组件

  • Animate.css

    动画库

  • Swiper

    轮播组件

  • mescroll

    下拉刷新和上拉加载框架-基于原生JS

常用 ● 工具类

  • Lodash.js

    Lodash是一个一致性、模块化、高性能的JavaScript实用工具库。

  • Day.js

    处理日期

  • Timeago.js

    相对时间,如N小时前

  • Echarts

    百度图表

  • Meditor.md

    开源在线Markdown编辑器

  • validator.js

    验证库

常用 ● Vue工具类

  • vue-draggable

    基于Sortable.js实现的vue拖拽插件

  • vue-draggable-plus

    基于Sortable.js实现的vue拖拽插件(Vue3)

  • vue-qr

    文本转二维码

  • vue-cropper

    图片裁剪插件

  • vue-lazyload

    懒加载

  • vue-simple-upload

    上传组件

  • Univer

    开源Office办公套件(原Luckyexcel)

其他

  • H5带笔锋手写签名

    支持PC端和移动端

  • PingFangSC字体下载

    百度网盘码: fq72

  • StaticBadge

    徽章生成

runtime

  • Node

    JavaScript运行环境

  • Deno

    Node升级版,不依赖于npm

构建工具

  • vite

    极速的现代化前端构建工具

  • webpack

    高度可配置的模块打包器

  • parcel

    极速、零配置的打包工具,支持自动转换资源,无需配置即可使用

  • rollup

    专注于ES6模块的打包器

  • esbuild

    极速的Go语言打包器和压缩器

  • tsup

    零配置TypeScript打包工具,用于快速打包和发布TypeScript库

  • unbuild

    用于库和框架的快速打包器

  • turbo

    基于Vite的极速构建工具

代码检查

  • StandardJS

    一套简单的JavaScript代码风格指南

  • Stylelint

    现代CSS/SCSS/Less代码风格检查工具

  • ESLint

    可扩展的JavaScript代码检查工具

语言文档和规范

  • ECMAScript

    ECMAScript标准

  • MDN

    提供Web技术文档,学习Web开发的最佳实践

  • TypeScript

    TypeScript是带有类型语法的JavaScript

  • Rust

    一门帮助每个人构建可靠且高效软件能力的语言

  • GraphQL

    一种用于API的查询语言

  • JSONSchema

    JSONSchema是一个词汇表,可以验证、注释和操作JSON文档

  • CSS

    CSS规范说明

  • OpenAPI

    OpenAPI规范为RESTfulAPI定义了一个与语言无关的标准接口

Vue

  • Vue2

    渐进式JavaScript框架,易于学习和使用

  • Vue3

    Vue的下一个版本,更小、更快、更强大

  • VueDevtools

    开发者工具,帮助你调试Vue应用

  • VueCLI

    Vue的标准工具集,用于构建新项目

  • VueLoader

    Webpack的加载器,支持.vue文件

  • VueRouter

    Vue的官方路由管理器

  • Vue服务器端渲染

    Vue的服务器端渲染指南

  • vue-use

    Vue的组合式API实用工具库

  • Nuxt.js

    基于Vue.js的一站式解决方案

VueUI

  • element-plus

    Vue3的组件库,提供了一套丰富的UI组件

  • naiveUI

    一个基于Vue3的轻量级UI组件库,易于使用和定制

  • vant

    轻量、可靠的移动端Vue组件库

  • cubeui

    滴滴出行的移动端Vue组件库,为开发者提供高效的开发体验

React

  • React

    用于构建用户界面的JavaScript库

  • ReactRouter6

    React的官方路由库,用于构建单页面应用

  • react-use

    ReactHooks的实用函数库

  • react-hook-form

    高性能的表单钩子库

  • ahooks

    ReactHooks的集合库

  • umijs

    企业级前端应用框架

  • formily

    企业级表单解决方案

  • react-dnd

    React的拖放库

  • recoil

    React的状态管理库

  • swr

    基于fetch的React数据获取库

  • awesome-react

    精选的React资源列表

ReactUI

  • ant-design

  • material-ui

状态管理库

  • Pinia

    专为Vue3设计的轻量级状态管理库

  • Vuex

    Vue的官方状态管理模式和库

  • Redux

    React状态管理,提供可预测化的状态管理

  • Zustand

    轻量级、可扩展的React状态管理库

CSS相关

  • TailwindCSS

    实用主义的CSS框架,通过实用类来快速设计界面

  • WindiCSS

    下一代实用主义CSS框架,为Vue、React等现代前端框架设计

  • unocss

    原子化CSS和组件化工具,即时、按需生成你的CSS

  • CSS灵感

    CSS设计灵感和示例集合。

  • CSSTricks

    CSS技巧和教程集合。

  • youneedtoknowcss

    深入了解CSS的必备知识。

  • 防御性CSS提示

    编写更健壮CSS的实用提示。

  • Web安全色

    Web设计中常用的安全颜色列表。

  • SVG背景

    SVG背景图案库。

  • SVG波浪背景生成

    在线生成SVG波浪背景的工具。

  • 贝塞尔生成

    注意:此条与SVG波浪背景生成链接相同,可能是个错误。应指向贝塞尔曲线生成器

  • CSS动画

    CSS动画效果和代码的灵感来源。

  • CSS Timing Function

    CSS过渡效果的时间函数,用于控制动画的速度和节奏。

小程序框架

  • unibest

    基于uniapp的轻量级前端框架,为开发者提供一套简单、易用的工具集

  • uniapp

    使用Vue.js开发所有前端应用的框架

  • 微信小程序

    腾讯微信平台上的小程序开发框架

  • 百度小程序

    百度平台上的小程序开发框架

  • 支付宝小程序

    支付宝平台上的小程序开发框架

  • 字节跳动小程序

    字节跳动(如抖音、今日头条等)平台上的小程序开发框架

  • 抖音小程序

    抖音平台上的小程序开发框架

图标

  • iconfont

    阿里巴巴旗下的矢量图标库,提供丰富的图标资源。

  • iconify

    一个开放源代码的图标框架,支持多种图标集和自定义图标。

工具 ● JavaScript

  • js可视化执行

    实时查看JavaScript代码的执行流程,直观理解代码运行过程。

  • js性能对比

    快速测试JavaScript代码片段的性能,比较不同实现方式的效率。

  • ASTexplorer

    探索JavaScript代码的抽象语法树(AST),深入了解代码的内部结构。

工具 ● 站点生成

  • vuepress

    基于Vue驱动,专为编写技术文档而设计。

  • vitepress

    基于Vite,为Vue提供出色的开发体验。

  • Astro

    快速、轻量级,支持多种前端框架和组件。

  • Hexo

    基于Node.js构建的博客框架。

  • slidev

    用于制作演示文稿的Web-first幻灯片工具。

  • vuepress-theme-hope

    VuePress主题

工具 ● 正则

  • 正则生成图解

    正则表达式可视化生成和解释工具。

  • 正则表达式在线测试

    在线测试正则表达式的匹配情况。

工具 ● Shell

  • tldr

    在线帮助手册,快速查看Unix/Linux命令的简短用法。

工具 ● Node

  • publint

    检查npm包是否正确发布的工具。

  • npm

    npm官网,JavaScript包管理器。

工具 ● 开源

  • bestofjs

    前端开源项目最新热点趋势。

  • Ray

    代码Demo图片生成,快速将代码片段转换为美观的图片。

服务

  • nginx配置生成

    nginx配置生成工具,帮助快速配置nginx。

  • canIuse

    浏览器特性支持查询,查看各浏览器对CSS、HTML5、JavaScript等特性的支持情况。

安全

  • HTML5 Security Cheatsheet

    HTML5 Security Cheatsheet(H5SC)是一个专注于HTML5安全性的开源项目。

  • Cross Site Scripting Prevention Cheat Sheet

    跨站脚本预防作弊表

测试

  • VueTestUtils

    VueTestUtils是Vue.js官方提供的测试工具库,用于在单元测试中挂载和渲染Vue组件。

  • storybook

    用于开发UI组件的开源工具,可帮助您构建、文档化和测试React、Vue、Angular等框架的UI组件。

  • cypress

    强大、开源的端到端测试工具,为现代Web应用程序提供快速、可靠和准确的测试。

  • jest

    JavaScript的测试框架,由Facebook开发和维护,提供了丰富的断言库、模拟功能和测试覆盖率报告。

  • mocha

    JavaScript的测试框架,在浏览器和Node.js中运行,使异步测试变得简单而有趣。

  • ava

    用于Node.js的简洁且强大的测试库,支持ES2015+和并发测试。

  • karma

    用于所有主流浏览器的测试运行器,支持单元测试、端到端测试和集成测试。

  • nightwatch

    基于Node.js的端到端测试解决方案,用于自动化浏览器和移动设备的测试。

  • sinon

    用于JavaScript测试的测试间谍、存根和模拟的独立库。

  • vitest

    下一代测试框架,提供闪电般的测试速度和一流的开发体验。

  • chai

    BDD/TDD断言库,可与任何JavaScript测试框架一起使用。

  • tape

    轻量级、直观且强大的测试框架,适用于Node.js和浏览器。

  • istanbul

    JavaScript代码覆盖率工具,可以与Mocha、Jest等测试框架集成,帮助您了解测试覆盖了哪些代码。

  • uvu

    超快速、极简的JavaScript测试框架,适用于Node.js和浏览器。

图表

  • D3

    用于生成数据驱动的文档的JS库

  • Chart.js

    简单、灵活且交互式的图表库。

  • Mermaid

    生成图表和流程图等的Markdown风格的文本。

  • ECharts

    一个使用JavaScript实现的开源可视化库。

  • ApexCharts

    交互式JavaScript图表库

  • visx

    React可视化组件库

  • 蚂蚁数据可视化

    蚂蚁企业级数据可视化解决方案

Git

  • LearnGitBranching

    学习git分支

  • Electron

    内置node+chromium,打包后比较重

  • Tauri

    rust+系统webview2,打包后很轻

  • neutralino

    专注于轻量级桌面应用

社区

  • dev.to

    技术社区,拥有庞大的开发者用户基数

  • segmentfault

    思否中文技术问答社区

  • 掘金

    中文技术社区

  • v2ex

    中文技术社区,分享、探索

  • LeetCode

    算法题库

  • 印记中文

    技术站点导航

周刊/博客

  • node-weekly

    node-weekly

  • javascript-weekly

    javascript-weekly

  • front-weekly

    front-weekly

  • 奇舞周刊

    奇舞周刊

  • web.dev

    ChromeDevRel

  • builder.io

    builder.io

  • Chrome

    Chrome团队博客

  • hacks

    hacks博客

教程

  • TypeScript教程

    TypeScript教程阮一峰