交互類#
| 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/ |
UI 類#
| 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 |
工具類#
持續收集中……