交互型#
| 名前 / GitHub | 説明 | デモ |
|---|---|---|
| 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 型#
| 名前 / GitHub | 説明 | デモ |
|---|---|---|
| easy-canvas | Canvas レイアウトシステム | https://gitjinfeiyang.github.io/easy-canvas/example/ |
| iframe-resizer | iframe 自適応 | http://davidjbradshaw.github.io/iframe-resizer/ |
| anime.js | シンプルで強力な API を持つ軽量 JavaScript アニメーションライブラリ | 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/ |
エンジニアリング型#
| 名前 / GitHub | 説明 | デモ |
|---|---|---|
| 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 |
ツール型#
| 名前 / GitHub | 説明 | デモ |
|---|---|---|
| FileSaver.js | ダウンロードライブラリ | https://blog.csdn.net/qq_30671099/article/details/104052782 |
| 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/ |
| DPlayer | H5 プレーヤー | https://dplayer.diygod.dev/zh/ |
収集中……