JHT CTT · Web Team

前端元件圖鑑

前端技術的可能性邊界

Web Team · 前端實驗室

這不只是 UI 元件庫——
是 Web Team 對前端可能性的叩問
每個作品,都是程式碼能走多遠的紀錄

向下捲動開始
001 / 192
Specimen Sequence

從粒子動畫到即時資料視覺化,這裡展示 web team 真實的技術深度
—— 用看得見的方式,呈現程式碼能抵達的邊界。

精選展示Featured Collection
GSAP 無限循環卡片輪播

GSAP 無限循環卡片輪播

GSAP ScrollTrigger 驅動的無限循環卡片,捲動時自動吸附卡位。

GSAPScroll互動
查看 →
Liquid Glass UI 模組

Liquid Glass UI 模組

模擬 visionOS Liquid Glass 質感的 UI 模組,折射、模糊、高光三層疊合。

CSS互動動畫
查看 →
液態黏稠球體 Shader

液態黏稠球體 Shader

WebGL shader 驅動的液態球體,表面如流體般黏稠變形。

WebGLGLSL動畫
查看 →
霓虹玻璃 3D 卡片

霓虹玻璃 3D 卡片

霓虹光暈與毛玻璃質感疊合的 3D 卡片實驗。

CSS3D互動
查看 →
電流邊框特效

電流邊框特效

電流沿著邊框竄動的發光特效。

CSSSVG動畫
查看 →
互動粒子文字

互動粒子文字

文字由粒子聚合而成,滑鼠靠近即散開重組。

Canvas互動動畫
查看 →
ARCHIVE v1.0·SPECIMENS 018·CATEGORIES 02·ORIGIN 100% IN-HOUSE·STATUS: EXPANDING
探索更多 →