前端持续更新⭐收集有特色的库-小栋博客

这份清单是什么

这是我日常工作里积累的"有特色"的前端库 —— 不是那种"必装"工具(那些大家都知道),而是解决特定场景特别巧的库。比如做拖拽必想到 vue-grid-layout、做粒子动画必想到 tsParticles 这种。

按用途分类:交互、动效、可视化、3D、表格 / 表单、Markdown 渲染、富文本编辑、其他。

前端持续更新⭐收集有特色的库

Name/GitHub	Desc	Demo
Vue Grid Layout	vue拖拽	https://jbaysolutions.github.io/vue-grid-layout/
Vue-Fliplay	vue3列表动画	https://vue-flip.netlify.app/
vue-clamp	vue2多行展开折叠	https://vue-clamp.vercel.app/?lang=zh
transx	vue2切换动画	https://codesandbox.io/s/practical-sid-0ubim
vue-virtual-scroll-list	vue2虚拟滚动	https://tangbc.github.io/vue-virtual-scroll-list/#/
vue3-infinite-list	vue3虚拟滚动	https://tnfe.github.io/vue3-infinite-list/#/demo1
vue-virtual-scroller	vue3虚拟滚动	https://vue-virtual-scroller-demo.netlify.app/
stack-keep-alive	Vue3堆栈式 Keep-Alive 组件	ㅤ
matter-js	2D物理引擎	https://brm.io/matter-js/
watching-you	时刻注视着你的目标	https://jj811208.github.io/watching-you/
tinykeys	键盘事件监听库	https://jamiebuilds.github.io/tinykeys/
cnchar	功能全面的汉字工具库 (拼音笔画偏旁成语语音可视化	https://shiyix.cn/cnchar/
autofit.js	vue大屏自适应	ㅤ
tldraw	白板	https://www.tldraw.com/
auto-animate	自动列表动画	https://auto-animate.formkit.com/

Name/GitHub	Desc	Demo
easy-canvas	Canvas布局系统	https://gitjinfeiyang.github.io/easy-canvas/example/
iframe-resizer	iframe自适应	http://davidjbradshaw.github.io/iframe-resizer/
anime.js	一个轻量级 JavaScript 动画库，具有简单但强大的 API	https://animejs.com/
siriwave	使用 Canvas API 以纯 Javascript 复制“Apple Siri”的动画波形	https://kopiro.github.io/siriwave/
rough-notation	一个小型 JavaScript 库，用于在网页上创建注释并制作动画	https://roughnotation.com/
canvas-confetti	撒花特效	https://www.kirilv.com/canvas-confetti/

Name/GitHub	Desc	Demo
micro-app	微前端	https://zeroing.jd.com/micro-app/
wujie	微前端	https://wujie-micro.github.io/doc/
highlight	监控平台	https://app.highlight.io/sign_in
eruda	移动端调试工具	https://eruda.liriliri.io/
http-modular	将服务器端函数转换为 ES 模块的通用库	ㅤ
cn-font-split	字体分包工具	https://chinese-font.netlify.app/
page-spy-web	远程调试平台	https://test.jikejishu.com/room-list

Name/GitHub	Desc	Demo
FileSaver.js	下载库	https://blog.csdn.net/qq_30671099/article/details/104052782
vite-plugin-vue-inspector	Vite开发摸组件跳文件	ㅤ
vue-infinite-slide-bar	Vue内容滚动	https://biigpongsatorn.github.io/#/vue-infinite-slide-bar
vue-typer	Vue打字效果	https://cngu.github.io/vue-typer/
vue-picture-cropper	Vue图片裁切工具	https://chengpeiquan.github.io/vue-picture-cropper-demo/#/composition
vue-cropper	Vue图片裁切工具	https://github.xyxiao.cn/vue-cropper/
pinyin-pro	pinyin-pro 中文转拼音、排序	https://play.fe-dev.cn/
Luckysheet	表格	https://mengshukeji.gitee.io/luckysheetdemo/
fortune-sheet	表格	https://ruilisi.github.io/fortune-sheet-demo/?path=/story/features--basic
satori	HTML转SVG工具	https://og-playground.vercel.app/
devtools-detector	检测开发者工具开启状态	https://blog.aepkill.com/demos/devtools-detector/
Fuse	任意字符串模糊匹配	https://www.fusejs.io/
localForage	离线本地存储	https://localforage.github.io/localForage/
git-diff-view	用来显示 git diff 的结果	https://mrwangjusttodo.github.io/git-diff-view/

我的习惯:

真要长期依赖某个库,通读一遍源码,做到"作者跑路你能 fork 自己 maintain"的程度,最稳。

—— 别看了 · 2026

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理邮箱1846861578@qq.com。