NoteZ_技术博客 NoteZ_技术博客
🏠 首页
  • 📚 Web技术
  • 📋 Npm笔记
  • 📑 Markdown
  • 📄 Git笔记
  • 📝 Nginx文档
  • 📓 Linux文档
  • 📖 技术文档
  • 📜 其他文档
  • 🧊 NodeJs
  • 🎡 Express
  • 🔥 Rust
  • 🎉 Koa2
  • 🍃 MongoDB
  • 🐬 MySql
  • 🥦 Oracle
  • 🍁 Python
  • 🍄 JavaScript
  • 🌰 CSS
  • 🧄 HTML
  • 🥑 Canvas
  • 🌽 Nuxt
  • 🍆 React
  • 🥜 Vue
  • 🧅 TypeScript
  • 🌶️ AI
  • 📘 分类
  • 📗 标签
  • 📙 归档
⚜️ 在线编辑 (opens new window)
  • 📁 站点收藏
  • 📦 前端组件库
  • 📊 数据可视化
  • 🌈 开源插件
  • 🎗️ 关于我
  • 🔗 友情链接
GitHub (opens new window)

NoteZ_技术博客

前端界的小学生
🏠 首页
  • 📚 Web技术
  • 📋 Npm笔记
  • 📑 Markdown
  • 📄 Git笔记
  • 📝 Nginx文档
  • 📓 Linux文档
  • 📖 技术文档
  • 📜 其他文档
  • 🧊 NodeJs
  • 🎡 Express
  • 🔥 Rust
  • 🎉 Koa2
  • 🍃 MongoDB
  • 🐬 MySql
  • 🥦 Oracle
  • 🍁 Python
  • 🍄 JavaScript
  • 🌰 CSS
  • 🧄 HTML
  • 🥑 Canvas
  • 🌽 Nuxt
  • 🍆 React
  • 🥜 Vue
  • 🧅 TypeScript
  • 🌶️ AI
  • 📘 分类
  • 📗 标签
  • 📙 归档
⚜️ 在线编辑 (opens new window)
  • 📁 站点收藏
  • 📦 前端组件库
  • 📊 数据可视化
  • 🌈 开源插件
  • 🎗️ 关于我
  • 🔗 友情链接
GitHub (opens new window)
  • 前端组件库
    • React UI 组件库
    • Vue框架
    • Vue UI组件库
    • Vue 工具类库
    • Js工具类
    • 静态站点生成器
    • 微前端框架
    • 常用效果组件
    • 打包构建工具
    • 桌面UI框架
    • 其他
  • 开源插件
  • 数据可视化
  • 站点收藏
目录

前端组件库

# React UI 组件库

  • React (opens new window):用于构建用户界面的 JavaScript 库。
  • react-beautiful-dnd (opens new window):是一款美观且简单易用的 React 列表拖拽库。
  • React DnD (opens new window):React DnD 是 React 和 Redux 核心作者 Dan Abramov 创造的一组 React 高阶组件,可帮助我们构建复杂的拖放界面,同时保持组件解耦。
  • React-Draggable (opens new window):简单易用,将 CSS 中的 transform 应用于 React 组件,允许我们在 UI 中拖动组件。
  • React Sortable Tree (opens new window):是一个用于对分层数据进行拖放式可排序表示的 React 组件。它支持单选多选,鼠标拖拽子集到新合集,模糊搜索等。
  • Ant Design (opens new window)
  • React Bootstrap (opens new window)
  • MATERIAL-UI (opens new window)

# Vue框架

  • Vue (opens new window):JavaScript 框架,易学易用,性能出色,适用场景丰富的 Web 前端框架。

# Vue UI组件库

  • View UI (opens new window)
  • Element UI (opens new window) PC端
  • Vant (opens new window) 移动端
  • BootstrapVue (opens new window) 基于全球最流行的Bootstrap V4框架,构建移动优先的响应式门户,在Vue.js前端栈基础上。

# Vue 工具类库

  • vue-draggable (opens new window) 基于Sortable.js实现的vue拖拽插件
  • vue-qr (opens new window) 文本转二维码
  • vue-cropper (opens new window) 图片裁剪插件
  • vue-lazyload (opens new window) 懒加载
  • vue-simple-upload (opens new window) 上传组件
  • Vue.Draggable (opens new window):该库适用于 Vue 2,如果想在 Vue 3 中使用该库,可以访问:https://github.com/SortableJS/vue.draggable.next。
  • vue-draggable-resizable (opens new window):用于可拖动和可调整大小元素的 Vue2 组件。
  • vue-drag-resize (opens new window):Vue2 && Vue3 组件,用于调整大小和拖动元素。
  • vue-grid-layout (opens new window):适用Vue.js的栅格布局系统。

# Js工具类

  • Lodash.js (opens new window) Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
  • html2canvas (opens new window) html2canvas 的作用就是允许让我们直接在用户浏览器上拍摄网页或其部分的截图。
  • html-docx-js (opens new window) 这是一个非常小的库,能够将HTML文档转换为Microsoft Word 2007及以后版本使用的DOCX格式文件。
  • jsPDF (opens new window) jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。
  • Day.js (opens new window) 处理日期
  • Timeago.js (opens new window) 相对时间,如N小时前
  • Meditor.md (opens new window) 开源在线 Markdown 编辑器
  • validator.js (opens new window) 验证库
  • Sortable (opens new window):Sortable 是一个 JavaScript 拖拽库,用于在现代浏览器和触摸设备上对拖放列表进行重新排序。支持 Meteor、AngularJS、React、Polymer、Vue、Ember、Knockout 和任何 CSS 库。
  • Dragula (opens new window):Dragula 是一个 JavaScript 库,实现了网页上的拖放功能。提供 JavaScript、AngularJS 和 React 版本。
  • interact (opens new window):是一个适用于现代浏览器的 JavaScript 拖放库,支持调整大小和多点触控手势,具有惯性和捕捉功能。
  • jszip (opens new window):jszip是一个用于创建、读取和编辑.zip文件的JavaScript库,且API的使用也很简单。
  • jsplumb (opens new window):关于 Web 应用程序的视觉连接。
  • Drawflow (opens new window):拖拽工作流。
  • js-xlsx (opens new window):web端-XLSX/XLSM/XLSB(Excel 2007+电子表格)/ODS解析器和编写器。
  • xlsx (opens new window):Node服务端 - SheetJS社区版提供经过实战考验的开源解决方案,用于从几乎任何复杂的电子表格中提取有用数据,并生成新的电子表格,这些电子表格将与传统软件和现代软件一起使用。
  • exceljs (opens new window):web端-读取、操作并将电子表格数据和样式写入XLSX和JSON。

# 静态站点生成器

  • Rspress (opens new window):一个基于 Rspack 的快速静态站点生成器。
  • Vuepress (opens new window):Vue 驱动的静态网站生成器。
  • VitePress (opens new window):Vite 和 Vue 驱动的静态站点生成器。

# 微前端框架

  • wujie (opens new window):无界微前端方案基于 WebComponent 容器 + iframe 沙箱。
  • qiankun (opens new window):qiankun 是一个基于 single-spa (opens new window) 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
  • micro-app (opens new window):一款轻量、高效、功能强大的微前端框架。

# 常用效果组件

  • Animate.css (opens new window) 动画库
  • Swiper (opens new window) 轮播组件
  • mescroll (opens new window) 下拉刷新和上拉加载框架-基于原生JS

# 打包构建工具

  • esbuild (opens new window):esbuild 是一个用 Go 编写的快速而简单的 JavaScript 捆绑包。
  • parcel (opens new window):Web 的零配置构建工具。
  • webpack (opens new window):将许多模块打包成几个捆绑资产。模块可以是 CommonJs、A​​MD、ES6 模块、CSS、图像、JSON、Coffeescript、LESS ……以及您的自定义内容。
  • rollup (opens new window):Rollup 是一个用于 JavaScript 的模块打包器,它将小段代码编译成更大更复杂的东西,例如库或应用程序。
  • gulp (opens new window):自动化和增强工作流程的工具包,MPA,易学,基于 nodejs 的 steam 流打包。

# 桌面UI框架

  • Tauri (opens new window):是一个桌面 UI 框架,可让开发者使用每个平台的 Webview 技术栈为所有主要桌面操作系统构建应用程序。
  • Electron (opens new window):使用JavaScript、HTML和CSS构建跨平台桌面应用程序。

# 其他

  • smooth-signature (opens new window):H5带笔锋手写签名,支持PC端和移动端
  • tldraw (opens new window):手绘风格画图工具
#收藏夹
上次更新: 2024/01/30, 00:35:17
开源插件

开源插件→

最近更新
01
Gitea数据备份与还原
03-10
02
Linux 中使用 rsync 同步文件目录教程
03-10
03
Linux 使用 rsync 互相传输同步文件的简单步骤
03-08
更多文章>
Theme by Vdoing | Copyright © 2019-2025 NoteZ,All rights reserved | 冀ICP备2021027292号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式