Design Assets
UI Animation
Gallery
雷蒙三十品牌設計資產庫 — 收錄常用的互動動畫與 UI 元件，hover 每張卡片看 live demo。
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