Design Assets · Live Demo

UI Animation Gallery

雷蒙三十品牌設計資產庫 — 收錄常用的互動動畫與 UI 元件。hover 每張卡片看 live demo，適合套用到 Dashboard、Landing Page、工具頁。

Interactive Dot Grid

互動點陣網格 — 來源：Google Stitch
Canvas 2D · requestAnimationFrame · smoothstep
已使用：Pulse Dashboard #background #interactive #dark-mode

Particle Network

粒子網路 / 星座動畫 — 經典互動背景
Canvas 2D · 距離偵測連線 · 隨機飄移
#background #animated #particles
🎯
抽獎工具
換行轉換
🎬
字幕轉文字

Ambient Corner Glow

環境光角落暈染 — 來源：雷蒙三十工具集
CSS only · blur-3xl · group-hover:opacity · Tailwind
已使用：tool.lifehacker.tw #card #hover #css-only

Glassmorphism

半透明 + backdrop-blur

Glassmorphism Card

毛玻璃卡片 — iOS / macOS 設計語言
backdrop-filter: blur() · rgba background · border
已使用：Pulse Dashboard dark mode #card #blur #css
0
累計使用次數
0
上線工具數
0
滿意度 %

Number Counter

數字滾動計數器 — Dashboard KPI 必備
IntersectionObserver · requestAnimationFrame · easeOut
#number #animation #dashboard