---
title: "「合集」实用的 CSS、JavaScript 库"
date: 2025-03-15T23:12:36Z
lastmod: 2025-03-15T23:13:16Z
tags: [Web 前端,CSS,JavaScript,Node.js,NPM]
---

# 「合集」实用的 CSS、JavaScript 库

## CSS

- [Font Awesome](https://www.npmjs.com/package/font-awesome) - 图标库
- [Material Icons](https://www.npmjs.com/package/material-icons) - 图标库
- [ress](https://www.npmjs.com/package/ress) - CSS reset

## Node.js

- [env-cmd](https://www.npmjs.com/package/env-cmd) - 环境变量
- [Terminal Kit](https://www.npmjs.com/package/terminal-kit) - 成熟的终端库，具有输入处理、输入字段、进度条以及屏幕缓冲区等功能）

## Vue 组件 / 组件库

- [v-area-select](https://www.npmjs.com/package/v-area-select) - PC 端区域框选
- [Vue-drag-resize](https://www.npmjs.com/package/vue-drag-resize) - 元素拖拽和大小调整
- [vue-easytable](https://happy-coding-clans.github.io/vue-easytable/) - 一个基于 Vue 2.x 的表格组件
- [BootstrapVue](https://bootstrap-vue.org/) - 基于 Bootstrap 的组件库
- [Buefy](https://buefy.org/) - 基于 Bulma CSS 的轻量级组件库
- [Element UI](https://element.eleme.cn/) - 基于 Vue 2.x 的桌面端组件库
- [Naive UI](https://www.naiveui.com/) - 一个 Vue 3 组件库
- [Quasar](https://quasar.dev/) - 基于 Vue.js 的开源框架，可以快速地创建多种类型的响应式网站或应用
- [Vant](https://vant-contrib.gitee.io/vant/) - 轻量、可靠的移动端组件库
- [Vuestic UI](https://vuestic.dev/) - Vue.js 3.0 UI 框架
- [Vuetify](https://vuetifyjs.com/zh-Hans/) - Material Design 风格组件库

## 插件

- [gesto](https://www.npmjs.com/package/gesto) - 在任意的浏览器上添加手势事件
- [Overlay Scrollbars](https://kingsora.github.io/OverlayScrollbars/) - 多功能自定义滚动条
- [Perfect Scrollbar](https://perfectscrollbar.com/) - 自定义滚动条
- [SimpleBar](https://www.npmjs.com/package/simplebar) - 自定义滚动条
- [simple-keyboard](https://www.npmjs.com/package/simple-keyboard) - 多功能虚拟键盘

## 工具

- [Ajv JSON schema validator](https://www.npmjs.com/package/ajv) - JSON 校验库
- [Apache ECharts](https://echarts.apache.org/) - JavaScript 可视化图表库
- [axios](https://www.npmjs.com/package/axios) - 基于 Promise 的 HTTP 客户端
- [bookmark-file-parser](https://www.npmjs.com/package/bookmark-file-parser) - 解析 Chrome / Firefox / IE / Safari 浏览器的 HTML 书签文件
- [crypto-js](https://www.npmjs.com/package/crypto-js) - JavaScript 加密算法库
- [jsPlumb](https://www.npmjs.com/package/jsplumb) - 流程图、拓扑图绘制工具库
- [localForage](https://localforage.github.io/localForage/) - 类似 localStorage API 的异步存储库
- [Lodash](https://www.npmjs.com/package/lodash) - JavaScript 实用工具库
- [opencc](https://www.npmjs.com/package/opencc) - 中文简繁转换
- [UAParser.js](https://www.npmjs.com/package/ua-parser-js) - 解析浏览器 User-Agent 信息

## 其它

- [Ant Design](https://ant.design/) - 蚂蚁集团打磨出的一个服务于企业级产品的设计体系
- [Arco Design](https://arco.design/) - 字节跳动出品的企业级设计系统
- [TDesign](https://tdesign.tencent.com/) - 腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系
- [CountUp.js](https://www.npmjs.com/package/countup.js) - 数值动画效果
- [html2canvas](https://www.npmjs.com/package/html2canvas) - DOM 节点转 Canvas
- [LuLu UI](https://github.com/yued-fe/lulu) - 阅文集团荣誉出品的跨端跨框架的原生 UI 组件库
- [NutUI](https://nutui.jd.com/) - 京东风格的轻量级移动端 Vue2、Vue3、小程序组件库
- [screenfull](https://www.npmjs.com/package/screenfull) - 全屏切换
- [Sortable.js](https://github.com/SortableJS/Sortable) - 拖拽排序

‍