构建工具
Name/GitHub/NPM
描述
演示地址
下一代的前端工具链
通过运行一个命令来设置现代 Web 应用程序。
通过运行一个命令来设置现代 Web 应用程序。
强大的静态模块打包工具,主要用于现代JavaScript应用的构建和打包
将点滴代码编织成错综复杂的程序。
在vite 开发环境中注入 mock-dev-server, 模拟请求和数据响应
小程序/Uniapp
Name/GitHub/NPM
描述
演示地址
小程序,小游戏,等文档
Donut 平台覆盖开发、部署、产品体验分析全产品开发周期的各种需求。开发者可以专注于代码逻辑,其他的都交给我们。
旨在增强 uni-app 系列产品的开发体验
基础Vue
Name/GitHub/NPM
描述
演示地址
Vue Router 是 Vue 官方的客户端路由解决方案。
?? Vue.js 开发的标准工具
渐进式 JavaScript 框架
渐进式 JavaScript 框架
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。
符合直觉的 Vue.js 状态管理库
用 Umi 构建你的下一个Vue应用
NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。
基础React
Name/GitHub
描述
演示地址
React 的轻量级替代方案,体积仅有 3kB,并且拥有与 React 相同的 API
The library for web and native user interfaces
Create React App 配置覆盖,这是一个用于 Create React App 的简单易懂的配置层。
Redux 的官方 React 绑定
The official, opinionated, batteries-included toolset for efficient Redux development
The React Framework for the Web
用 Umi 构建你的下一个 React 应用
基于 React 的应用研发框架,开箱即用,同时支持移动端和桌面端
NPM库
VUE专用库
Name/GitHub
描述
演示地址
Vue 组合实用程序集合
VueFire Official Firebase bindings for Vue.js Idiomatic composables for realtime data and other Firebase services
UI组件库-Mobile
UI组件库-PC
Vue 大屏数据展示组件库
UI组件库-PC
UI组件库-PC
?? Swiper component for @vuejs
Reusable interface transitions for Vue 2
and Vue 3
with no CSS needed
支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。文档https://501351981.github.io/vue-office/examples/docs/
vue-plugin-hiprint
vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者) 在vue项目中引入使用,所以以此命名。打印模板
Vue Macros 体验超现代 Vue 探索更多的宏和语法糖到 Vue 中。
pinia持久化
React专用库
Name/GitHub
描述
演示地址
一套高质量可靠的 React Hooks 库
一个小型、快速、可扩展的熊骨状态管理解决方案,采用简化的通量原理。它有一个基于钩子的舒适应用程序接口,没有模板化,也没有主观臆断。
React and redux based, lightweight and elm-style framework.
React 大屏数据展示组件库
UI组件库
UI组件库-Mobile
UI组件库-A Component Library for React 16+.
UI组件库-Move faster with intuitive React UI tools
企业级的中后台设计系统解决方案
简单、可扩展的状态管理
Emoji 选择器 React
Immer(德语为:always)是一个小型包,可让您以更方便的方式使用不可变状态。
通用库
Name/GitHub
描述
演示地址
图表
样式
工具-轮播图
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
为您的网站和应用程序提供轻量级、可扩展的动画
生成随机数据,拦截 Ajax 请求
用于格式化和处理数字的 javascript 库。
将文本复制到剪贴板的现代方法 没有 Flash。没有框架。压缩后只有 3kb
共享浏览器兼容性配置,适用于 Autoprefixer、Babel、ESLint、PostCSS 和 Webpack 等流行 JavaScript 工具
支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作,可靠性和速度同样稳定。
Mock Service Worker是一个 API 模拟库,允许您编写与客户端无关的模拟并在任何框架、工具和环境中重复使用它们。
Jest 是一款优雅、简洁的 JavaScript 测试框架。
是一个轻量级 JavaScript 动画库,具有简单但功能强大的 API。 它可与 CSS 属性、SVG、DOM 属性和 JavaScript 对象配合使用。
一个轻量级脚本,用于为滚动到锚点链接制作动画。
https://codepen.io/cferdinandi/pen/wQzrdM
过滤和排序神奇的布局(排序的时候有一个动画效果)
Nodemailer是 Node.js 应用程序的一个模块,可让您轻松发送电子邮件。
用于解析和操作 HTML 和 XML 的快速、灵活且优雅的库。
中国亲戚关系计算器 - 家庭称谓/亲戚称呼/称呼计算/辈分计算/亲戚关系算法/親戚稱呼計算機_Chinese kinship system
Simple, light and extensible wrapper around fetch with smart defaults
Vest 是一个功能强大且易于使用的 JavaScript 验证框架,可让您编写和运行代码验证
pīnyīn, 汉字拼音转换工具。
?? Wow, such a beautiful HTML5 music player
FastClick 是一个简单易用的库,用于消除click
移动浏览器上物理点击和触发事件之间的 300 毫秒延迟
迄今为止最易用的自适应工具(描述是这样的)
howler.js是一个适用于现代网络的音频库。它默认使用Web Audio API,并可回退到HTML5 Audio。这使得使用 JavaScript 处理音频在所有平台上都变得简单而可靠。
使用 JavaScript 读取和写入 OpenType 字体。
一个小型的 JavaScript 库,帮助从网络打印。
强大、轻量级的模糊搜索库,没有任何依赖关系。
Typr.js - process fonts in Javascript
https://photopea.github.io/Typr.js/
Midnight.js 可让你即时切换固定标题
https://aerolab.github.io/midnight.js/
Zepto是一个适用于现代浏览器的极简 JavaScript 库,具有与jQuery高度 兼容的 API 。 如果您使用 jQuery,那么您已经知道如何使用 Zepto。
Nodemon 是一个大约有 300 万个项目依赖的实用程序,它将监视源代码中的任何更改并自动重启服务器。非常适合开发。
一行代码完成各种复杂场景的网络请求,别再花时间在请求这件小事上了,交给我们
使用深度学习检测文件内容类型
收费,做来参考吧
z-index 管理器
适用于 ES6+ 的 JavaScript 压缩器/压缩工具包。
适用于 Web 的完整工具提示、弹出窗口、下拉菜单和菜单解决方案
Yup 是一个用于运行时值解析和验证的模式构建器。定义架构、转换值以匹配、断言现有值的形状,或两者兼而有之。是的,模式非常具有表现力,并且允许对复杂的、相互依赖的验证或值转换进行建模。
jsdom 是许多 Web 标准(尤其是 WHATWG DOM和HTML标准)的纯 JavaScript 实现,用于 Node.js。总体而言,该项目的目标是模拟足够多的 Web 浏览器子集,以便用于测试和抓取真实的 Web 应用程序。
npm-check-updates (ncu)将您的 package.json 依赖项升级到最新版本,忽略指定的版本。
高亮
高亮
生成配置
一个现代 JavaScript 实用程序库,速度提高 2-3 倍,体积缩小 97% --- --- 这是 lodash 的重大升级。
javascript 函数库、工具类 文档地址https://vxetable.cn/xe-utils/#/
StreamSaver.js 采用了不同的方法。现在,您实际上可以直接在文件系统中创建可写流(我不是在谈论 Chrome 沙盒文件系统或任何其他 Web 存储),而不是将数据保存在客户端存储或内存中。这是通过模拟服务器如何使用某些响应标头 + 服务工作线程指示浏览器保存文件来实现的
组件开发
地址
描述
dumi,中文发音嘟米 ,是一款为组件开发场景而生的静态站点框架,与 father 一起为开发者提供一站式的组件开发体验,father 负责组件源码构建,而 dumi 负责组件开发及组件文档生成。
father 是一款 NPM 包研发工具,能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布。它主要具备以下特性:
由 Vite 和 Vue 驱动的静态站点生成器
Verdaccio 是一个 Node.js 创建的轻量的私有npm proxy registry
一个强大且直观的工具,用于帮助开发者在使用 Rollup 打包时,生成详细的模块依赖图谱。通过可视化的方式,你可以清晰地理解代码的打包结构和优化潜在点,从而更高效地管理和优化你的 JavaScript 应用程序。
CSS样式
Name/GitHub
描述
演示地址
一个实用优先的 CSS 框架,其中包含诸如、和之类的类,这些类可直接在您的标记中组合以构建任何设计。 flex pt-4 text-center rotate-90
The most popular component library for Tailwind CSS
EnjoyCSS 是一个先进的 CSS3 生成器,可以让您摆脱常规编码。
盒子阴影样式
渐变
渐变
渐变毛玻璃
一些基础的样式
一个集合180种免费的线性渐变网站,可在任何网站使用(ps:网站还禁止调试...)
线性渐变(比上面的更好)
调色板生成器!(也就是颜色)
从世界各地数百万顶级设计师和机构的作品中获得灵感。
使用 CSS 或 Tailwind 制作的自定义元素。UI Verse
是一个开发资源整合类的网站,内部提供了 4500+
种不同的 css 特效
加载动画
不仅仅是一个 WordPress 滑块
很多加载效果css动画
几个加载效果css动画
Ajax 加载器、动画图标、实时背景
Beautiful CSS box-shadow examples
Open-Source loaders made with CSS or Tailwind(使用 CSS 或 Tailwind 制作的开源加载器)
字体和素材库
Name/GitHub
描述
演示地址
字体图标-丰富多彩的资源库免费使用
字体图标
下載免費矢量圖和剪貼畫
现代而简单的 css @font-face 生成器
Font Awesome 是互联网的图标库和工具包,被数百万设计师、开发人员和内容创建者使用。
专为渐变爱好者制作的 免费交互式 SVG 图标包 !
AI生成的图片大全
也是一个图片网站
国产的...可能要收费
国产的...可能要收费
使用Canva可画,轻松创建并分享专业设计。(可能要收费)
爱给网_音效配乐_3D模型_视频素材_免费下载
文档和工具
地址
描述
文档
用于前端开发者查询各种Web技术在不同浏览器中的兼容性。其主要功能和用途包括:
用于比较NPM(Node Package Manager)包下载趋势和受欢迎度的工具
js代码压缩混淆
旨在美化和反混淆JavaScript代码。其主要功能和用途包括:
用于将现代JavaScript代码转换为兼容性更好的旧版JavaScript代码。
给 CSS 加点料。
自由分享jQuery、html5和css3的插件库
less编译
问答交流
问答交流
十分推荐
油猴必备
JSDoc 3 是一个用于 JavaScript 的API文档生成器,类似于 Javadoc 或 phpDocumentor
前端最最最标准文档
ES6入门-阮一峰
??JavaScript 知识图谱:ECMAScript、DOM、BOM、HTML5、计算机网络
React中文文档
也是比较好的文档
包大小查看
在线部署/在线运行/第三方服务提供
地址
描述
The ultimate MySQL database platform
强大的在线编辑
在线运行
探索和试验 JavaScript 和 TypeScript,将您的想法形象化并在打字时获得即时反馈。
跨平台的桌面应用程序
地址
描述