Web Dev

共 6 篇分類內容。

GitHub 黑科技系列Web Dev

2026年8月11日

lucide-animated：把 Lucide Icon 變成會動的 React 元件

lucide-animated 是一套以 Lucide 與 Motion 製作的開源動態圖示。這篇整理互動預覽、shadcn CLI 安裝方式，以及如何交給 Agent 使用。

Tegaki 手寫文字動畫庫安裝與實測：網頁手寫字動態特效輕鬆實現

想要在網頁中加入自然流暢的手寫字動畫嗎？Tegaki 是一個輕量且易用的 JavaScript 庫，能將任何字型轉換成手寫筆劃動畫。

OpenVid 瀏覽器免安裝產品 Demo 錄影與 3D 鏡頭後製工具教學

想要為你的產品錄製精美的演示影片？OpenVid 讓你直接在瀏覽器中套用 3D 鏡頭、縮放與精美背景，一鍵導出高質感的 Demo 影片。

Pretext 高效多行文字 Canvas 排版庫優化與防 DOM 重繪技術

想精準計算段落高度、做出更自由的文字排版，卻不想一直碰 getBoundingClientRect？Pretext 提供了一條很聰明的路。

Deck.gl 大規模 3D 地理數據視覺化框架與 MapLibre 整合實戰

想要在網頁上渲染數以萬計的數據點，同時保持流暢的 3D 互動？Deck.gl 是處理地理空間資料視覺化的絕佳利器。

Cobe 輕量 WebGL 地球儀配置教學與 Vue 專案整合指南

想要在網頁上放一個酷炫的 3D 地球，但又不想載入沉重的 Three.js？COBE 是你的最佳選擇。