夜雨聆風
2026年會必備的1個開源抽獎神器(附源碼)
大家好，我是你們的老朋友?源代碼哥???
隨著年終歲末、公司年會、團建活動的臨近，大家最關(guān)心的一個環(huán)節(jié)就是抽獎互動！
今天給大家安利一個非常炫酷、開源、零后端配置即可運行的抽獎程序log-lottery。
這個項目特別適合公司年會、線上活動、節(jié)日抽獎等場景，配置靈活、效果震撼、參與感強，運行在瀏覽器中就能完成全流程抽獎。
?? 應用特性
-
???炫酷 3D 球體抽獎動畫： log-lottery 采用?Three.js + Vue3?實現(xiàn) 3D 球體動態(tài)效果。參與者名字像星辰一樣貼附在球體表面，隨機旋轉(zhuǎn)抽獎時既科技又拉風。
-
?????????全面配置項目內(nèi)容?，支持：參與人員名單導入（Excel）、獎項 & 獎品設(shè)置、界面主題與標題、背景圖片、音樂播放、卡片顏色、字體大小等視覺設(shè)置、無需寫代碼就能完成完整自定義。
-
???人員 & 獎品管理，參與者信息可批量導入 Excel，還能支持：指定部門、工號、姓名等屬性、可設(shè)置抽獎次數(shù)、是否重復參與、導出中獎結(jié)果便于后續(xù)統(tǒng)計與公布等。
-
???背景音樂 & 本地存儲配置：可以為抽獎過程加入背景音樂、主題圖片，強化現(xiàn)場氛圍。所有配置保存在瀏覽器本地，不需要后臺服務。
-
???可視化界面 & 即開即用：界面直觀、按鈕清晰、設(shè)置步驟明確，非技術(shù)人員也能快速上手。
?? 應用技術(shù)棧
|
|
|
|---|---|
| Vue3 |
|
| Three.js |
|
| IndexDB |
|
| Pinia |
|
| DaisyUI / Tailwind |
|
log-lottery 幾乎整個抽獎流程都由前端實現(xiàn)，無需后臺服務器，非常適合快速部署與共享。
?? 應用相關(guān)截圖
?? 部署教程
???本地開發(fā)模式（適合調(diào)試與自定義）
git?clone?https://github.com/LOG1997/log-lottery.git
cd?log-lottery
npm install ? ? ?# 或 pnpm install
npm run dev ? ? ?# 啟動開發(fā)模式啟動后在瀏覽器打開：
http://localhost:6719/即可進入配置界面。
?? 推薦原因
? 1. 即學即用
不需要后端，也不需要注冊賬號，克隆代碼或拉取鏡像就能運行。
? 2. 強互動感
3D 球體抽獎視覺效果炫酷，現(xiàn)場參與感強，非常適合節(jié)日活動 & 年會。
? 3. 高度可配置
界面設(shè)置、獎品數(shù)量、參與名單、背景音樂……一切都能自定義。
? 4. 可導入/導出管理
Excel 導入名單、導出中獎結(jié)果，讓組織者操作省心不出錯。
? 5. 開源 & 活躍
項目正在維護更新，適合開源社區(qū)共同完善。
?? 應用相關(guān)鏈接
|
|
|
|---|---|
|
|
https://github.com/LOG1997/log-lottery |
|
|
https://1kw20.fun/log-lottery |
???關(guān)注我，獲取更多有趣的開源項目推薦
