---
description: "前端特效：成品前端美学与官网动效拆解，每种风格一个可随 wiki 独立运行的活 demo；有上游仓库的附一句仓库地址，自己复刻的附可读源码"
---

# 前端特效

成品网页的视觉与动效，每条都是能直接在页面里玩的 demo。有上游仓库、直接能用的，只附一句仓库地址；自己复刻的逻辑不压缩，源码跟 demo 放在同一个 URL 下。

- [前端风格收集](frontend-styles/index.md) —— 成品前端美学（PIP-BOY 琥珀终端起步），一种风格一个可抄走的活 demo；另有 Open Design / HAOQI / ORYZO 三个官网逐效果拆解
- [Sandboard WebGPU 沙盘](sandboard/index.md) —— 手指在一块写实沙面上划沟、堆沙、扬沙，点 Start again 由一道海浪冲平重来；整个开源项目原样构建收录，附完整 TypeScript/WGSL 源码