教學指南
WebberUI 團隊撰寫的實作教學：怎麼把動畫元件、整頁模板與 WebberUI registry 用進自己的 React／Next.js 專案。
動態漸層邊框的三種做法（conic-gradient、@property、mask）
動態漸層邊框的三種 CSS 做法：旋轉 conic-gradient、用 @property 動畫角度、用 mask 挖空中央，附 Tailwind v4 寫法與瀏覽器支援比較。
動畫 React 元件庫比較：WebberUI、Aceternity UI、Magic UI、React Bits
比較 WebberUI、Aceternity UI、Magic UI、React Bits 四個動畫 React 元件庫的安裝、授權、依賴、元件數量、付費方案與語言。
2026 React 動畫套件怎麼選：Motion、GSAP、React Spring 與動畫元件庫
比較 Motion、GSAP、React Spring 三個 React 動畫套件的 API、大小、授權與 Next.js 用法，並說明動畫元件庫在選型中的位置。
視差滾動網頁怎麼做：CSS、Motion useScroll 與現成 React 元件
視差滾動怎麼做：CSS perspective、滾動驅動動畫（附 2026 年瀏覽器支援）與 Motion useScroll，以及效能、減少動態效果與手機注意事項。
Tailwind 無限跑馬燈：暫停、反向與 prefers-reduced-motion
用 Tailwind CSS v4 的 @theme 做網頁無限跑馬燈：懸停暫停、反向、邊緣淡出、暫停按鈕與 prefers-reduced-motion，附 React 程式碼。
身分證字號驗證規則與 React 實作
身分證字號驗證規則：首字母轉碼表、權數與檢查碼算法，含 2021 年新式外來人口統一證號，附測試過的 TypeScript 驗證函式與 React 元件。
統一編號驗證規則（2023 新制）與 React 輸入元件
統一編號檢查碼怎麼算：權數 1,2,1,2,1,2,4,1、第 7 碼為 7 的特例，與 2023 年改為被 5 整除的新制，附 TypeScript 函式與 React 元件。