2026年会必备的1个开源抽奖神器(附源码)
大家好,我是你们的老朋友 源代码哥 👋
随着年终岁末、公司年会、团建活动的临近,大家最关心的一个环节就是抽奖互动!
今天给大家安利一个非常炫酷、开源、零后端配置即可运行的抽奖程序log-lottery。
这个项目特别适合公司年会、线上活动、节日抽奖等场景,配置灵活、效果震撼、参与感强,运行在浏览器中就能完成全流程抽奖。
🧩 应用特性
-
🎉 炫酷 3D 球体抽奖动画: log-lottery 采用 Three.js + Vue3 实现 3D 球体动态效果。参与者名字像星辰一样贴附在球体表面,随机旋转抽奖时既科技又拉风。
-
🧑🤝🧑 全面配置项目内容 ,支持:参与人员名单导入(Excel)、奖项 & 奖品设置、界面主题与标题、背景图片、音乐播放、卡片颜色、字体大小等视觉设置、无需写代码就能完成完整自定义。
-
📊 人员 & 奖品管理,参与者信息可批量导入 Excel,还能支持:指定部门、工号、姓名等属性、可设置抽奖次数、是否重复参与、导出中奖结果便于后续统计与公布等。
-
🎵 背景音乐 & 本地存储配置:可以为抽奖过程加入背景音乐、主题图片,强化现场氛围。所有配置保存在浏览器本地,不需要后台服务。
-
📦 可视化界面 & 即开即用:界面直观、按钮清晰、设置步骤明确,非技术人员也能快速上手。
🛠 应用技术栈
|
|
|
|---|---|
| Vue3 |
|
| Three.js |
|
| IndexDB |
|
| Pinia |
|
| DaisyUI / Tailwind |
|
log-lottery 几乎整个抽奖流程都由前端实现,无需后台服务器,非常适合快速部署与共享。
🖼 应用相关截图



🚀 部署教程
🧩 本地开发模式(适合调试与自定义)
git clone https://github.com/LOG1997/log-lottery.git
cd log-lottery
npm install # 或 pnpm install
npm run dev # 启动开发模式
启动后在浏览器打开:
http://localhost:6719/
即可进入配置界面。
🎯 推荐原因
⭐ 1. 即学即用
不需要后端,也不需要注册账号,克隆代码或拉取镜像就能运行。
⭐ 2. 强互动感
3D 球体抽奖视觉效果炫酷,现场参与感强,非常适合节日活动 & 年会。
⭐ 3. 高度可配置
界面设置、奖品数量、参与名单、背景音乐……一切都能自定义。
⭐ 4. 可导入/导出管理
Excel 导入名单、导出中奖结果,让组织者操作省心不出错。
⭐ 5. 开源 & 活跃
项目正在维护更新,适合开源社区共同完善。
🎁 应用相关链接
|
|
|
|---|---|
|
|
https://github.com/LOG1997/log-lottery |
|
|
https://1kw20.fun/log-lottery |
📌 关注我,获取更多有趣的开源项目推荐
夜雨聆风
