Design Assets
UI Animation
Gallery
聚川文化品牌设计资产库 — 收录常用的互动动画与 UI 组件，hover 每张卡片看 live demo。
← 返回品牌设计系统
Interactive Dot Grid
互动点阵网格 — 来源：Google Stitch
Canvas 2D · requestAnimationFrame · smoothstep
已使用：品牌仪表盘
#background
#interactive
#dark-mode
Particle Network
粒子网络 / 星座动画 — 经典互动背景
Canvas 2D · 距离侦测连线 · 随机飘移
#background
#animated
#particles
🎯
抽奖工具
¶
换行转换
🎬
字幕转文字
Ambient Corner Glow
环境光角落晕染 — 来源：聚川文化工具集
CSS only · blur-3xl · group-hover:opacity · Tailwind
已使用：聚川文化工具集
#card
#hover
#css-only
Glassmorphism
半透明 + backdrop-blur
Glassmorphism Card
毛玻璃卡片 — iOS / macOS 设计语言
backdrop-filter: blur() · rgba background · border
已使用：品牌仪表盘暗色版
#card
#blur
#css
0
累计使用次数
0
上线工具数
0
满意度 %
Number Counter
数字滚动计数器 — Dashboard KPI 必备
IntersectionObserver · requestAnimationFrame · easeOut
#number
#animation
#dashboard