FunStaffs

🎨✨ FunStaffs 是一个收集各种有趣的前端网页小动画和小组件的项目，致力于探索 CSS、JavaScript、SVG、Canvas 以及 WebGL 等技术的无限可能。无论是酷炫的动效、交互式组件，还是实验性的 UI 设计，都可以在这里找到！

🚀 项目介绍

本项目的目标是：

• 📌 收集并实现有趣的前端动效和交互组件。
• 🛠 练习和探索 CSS 动画、GSAP、Three.js、WebGL、SVG 等技术。
• 💡 作为前端学习的 Playground，提高前端开发能力。

🛠 技术栈

本项目主要使用以下技术：

• HTML / CSS / JavaScript
• SVG / Canvas / WebGL
• GSAP 动画库
• Three.js（部分 3D 动效）
• Vue.js / React.js（部分组件化实现）

📂 目录结构

📦 FunStaffs
├── 📂 animations      # 各种前端动效示例
├── 📂 components      # 可复用的小组件
├── 📂 experiments     # 创意实验项目
├── 📂 utils           # 可能用到的工具函数
├── README.md         # 项目说明
└── LICENSE           # 许可证

🎮 示例

你可以在 animations/ 目录下找到各种有趣的动效，比如：

• 磁性小球动画 (MagneticBalls) - Codepen预览
• 动态文字浮现 (FlowWithSVGPath) - Codepen预览

你可以在 components/ 目录下找到可复用的小组件，比如：

• 模拟Dock组件 (Dock) - Codepen预览
• 圆盘菜单栏 (CircleMenu) - Codepen预览

📖 使用方式

1. 克隆仓库

   git clone https://github.com/your-username/frontend-fun.git
   cd frontend-fun

2. 直接运行 进入对应目录 (如animations/) 查看具体示例，你也可以点击codepen链接直接在线预览。

📜 许可证

本项目采用 MIT 许可证，欢迎自由使用和贡献。

---

🚀 Let's make front-end fun together! 🎨