Design Playground
出于兴趣构建的一系列组件与 UI 项目，基于代码实现并部署在 Vercel。用于探索不同设计模式、视觉与交互实现方式。
Trash
Interaction
点击图片触发删除交互，带有细腻的 CSS 动画反馈。
Next.js
Components
3D Glass
Button
玻璃质感按钮，融合 3D 变换效果与拟物风格。
CSS
Components
Fireworks
BG
烟花绽放般的背景动画，适用于节日或庆典场景。
Next.js
Tailwind
…
Number
Input
动态验证码输入框，兼顾快捷性与交互反馈。
Next.js
Tailwind
…
Text
Effect
带有粒子消散动画的文字视觉特效。
CSS
Components
Text
Shimmer
模拟文字流式的闪烁加载效果。
CSS
Components
Scroll
Area
可滚动容器组件，支持溢出区域的遮罩与滑动指示。
Next.js
Tailwind
…
Sroll
Splosion
滚动触发下的标签爆炸动画，增强页面动感。
CSS
Components
Wait
List
结合数据库数据的等待队列模块，适用于预约或注册场景。
CSS
Database
Popover
V0
基于 V0 构建的 shadcn/ui 组件。
Next.js
Shadcn/ui
More…
更多代码组件已托管在 GitHub。
-
目前正在优化 Vercel 在中国大陆的网络可达性，未配置 VPN 时可能存在访问不稳定的问题。
-
我已启用 Cloudflare 全球 CDN 加速以提升加载体验。