每到年底年会或者各种大型活动,抽奖环节总是最吸引人的部分,但是用 Excel 或者简单的随机名单抽取器显得既单调又缺乏节奏感。
最近闲着刷 Github 时发现一款让抽奖过程更有趣、更专业、开箱即用的免费抽奖项目 – log-lottery,用科技感爆棚的视觉效果和高度可配置性,为各类庆典活动创造了难忘的高光时刻。
项目简介
log-lottery是一个开源的抽奖应用,专为年会、庆典、活动等场景设计,采用 Vue3 + Three.js 等现代前端技术构建,实现了炫酷的 3D 球体抽奖效果和高度可配置的功能。你可以直接在浏览器中配置人员名单、奖品设置、界面样式、背景音乐等,无需复杂后台支持。
功能特性
-
可视化 3D 球体抽奖体验,抽奖过程更有沉浸感和互动性
-
页面上可直接配置人员信息、奖项奖品、背景音乐、主题界面等

-
全方位定制化配置,支持奖项名称、抽取人数、参与范围、界面风格等自由设置
-
支持 Excel 导入参与人员名单和导出抽奖结果,管理更方便 -
使用浏览器 IndexedDB 本地存储,无需服务器,数据保存在本地 -
支持多语言国际化配置,支持中英文界面切换,适用不同地区用户 -
提供 Docker 部署和本地打包运行方式,易于上手使用
快速安装、使用
项目支持本地部署、Docker部署和直接访问在线版本三种方式,操作都十分简单:
1、本地部署
# 克隆项目
git clone https://github.com/LOG1997/log-lottery.git
# 进入项目目录
cd log-lottery
# 安装依赖
pnpm i # 或 npm install
# 开发运行
pnpm dev # 或 npm run dev
# 打包生产版本
pnpm build # 或 npm run build
# 若需直接打开HTML运行
pnpm build:file # 或 npm run build:file
打包完成后,在dist目录直接打开index.html即可使用。
2、Docker部署
# 构建镜像
docker build -t log-lottery .
# 运行容器
docker run -d -p 9279:80 log-lottery
容器启动后,通过http://localhost:9279/log-lottery/本地访问。
3、在线访问 无需部署,直接通过以下地址在线使用:
https://1kw20.fun/log-lottery
https://log1997.github.io/log-lottery/
基本使用流程
-
1、人员配置:下载Excel模板,按要求填写姓名、部门、身份等信息后导入系统 -
2、奖项设置:添加各等级奖项,设置名称、抽取人数、是否全员参与及展示图片 -
3、界面定制:根据活动主题调整标题、列数、卡片颜色、文字大小等视觉元素 -
4、素材上传:上传背景图片和背景音乐,营造专属活动氛围 -
5、开始抽奖:切换到3D球体界面,选择对应奖项,点击开始即可启动抽奖
小结
log-lottery是一款极具趣味性和实用性的开源抽奖应用,它把原本平淡的抽奖体验升级成了可视化的 3D 互动环节。对于企事业单位的年会、学校活动、商业促销等场景都非常适用。项目无需后台服务器、支持本地存储和 Excel 数据管理,配置灵活,体验优秀。如果正在为年底活动的抽奖环节发愁,不妨试试 log-lottery,相信它能让你的活动更加出彩。
更多细节功能,感兴趣的可以到项目地址查看:
https://github.com/LOG1997/log-lottery


目前在Github上收获了2.1K star,很受网友们的欢迎。










评论