乐于分享
好东西不私藏

2026年会必备的1个开源抽奖神器(附源码)

2026年会必备的1个开源抽奖神器(附源码)

大家好,我是你们的老朋友 源代码哥 👋
随着年终岁末、公司年会、团建活动的临近,大家最关心的一个环节就是抽奖互动!
今天给大家安利一个非常炫酷、开源、零后端配置即可运行的抽奖程序log-lottery

这个项目特别适合公司年会、线上活动、节日抽奖等场景,配置灵活、效果震撼、参与感强,运行在浏览器中就能完成全流程抽奖。


🧩 应用特性

  • 🎉 炫酷 3D 球体抽奖动画: log-lottery 采用 Three.js + Vue3 实现 3D 球体动态效果。参与者名字像星辰一样贴附在球体表面,随机旋转抽奖时既科技又拉风。

  • 🧑‍🤝‍🧑 全面配置项目内容 ,支持:参与人员名单导入(Excel)、奖项 & 奖品设置、界面主题与标题、背景图片、音乐播放、卡片颜色、字体大小等视觉设置、无需写代码就能完成完整自定义。

  • 📊 人员 & 奖品管理,参与者信息可批量导入 Excel,还能支持:指定部门、工号、姓名等属性、可设置抽奖次数、是否重复参与、导出中奖结果便于后续统计与公布等。

  • 🎵 背景音乐 & 本地存储配置:可以为抽奖过程加入背景音乐、主题图片,强化现场氛围。所有配置保存在浏览器本地,不需要后台服务。

  • 📦 可视化界面 & 即开即用:界面直观、按钮清晰、设置步骤明确,非技术人员也能快速上手。


🛠 应用技术栈

技术
说明
Vue3
响应式前端框架
Three.js
Web 3D 渲染引擎
IndexDB
浏览器内本地存储
Pinia
状态管理
DaisyUI / Tailwind
前端 UI 风格

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. 开源 & 活跃

项目正在维护更新,适合开源社区共同完善。


🎁 应用相关链接

链接名称
链接地址
GitHub
https://github.com/LOG1997/log-lottery
在线 Demo 示例
https://1kw20.fun/log-lottery

📌 关注我,获取更多有趣的开源项目推荐

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 2026年会必备的1个开源抽奖神器(附源码)

评论 抢沙发

5 + 8 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮