kargulstudio/calender-app-design
在 GitHub 打开 ↗Figma 人事日历设计稿的像素级前端实现
Star849
24h 新增+3
7 天新增—
Fork105
Issue3
语言TypeScript
项目介绍
更新于 1 天前
这是一个把 Figma 设计稿「Dashboard – calendar」像素级还原成可交互网页的前端原型,做的是 Kargul Workspace 这套人事办公系统的界面,包括日历、请假、仪表盘、文档、工时等页面。日历支持周/日/月视图,空白处拖拽新建事件、拖动改期、拖底边调时长,重叠事件自动并排;请假页能自动跳过周末和节假日算工作日、显示剩余额度,还带审批预览。所有数据存在浏览器本地,没有后端。技术栈是 Next.js 16、React 19、Tailwind CSS v4、shadcn/ui 和 Zustand,还做了 ⌘K 命令面板和完整快捷键。前端工程师和 UI 设计师值得看,尤其是想参考如何把 Figma 设计系统落到 Tailwind token、或学习复杂日历交互实现的人;后端和算法岗关系不大。
上手成本:中
Star 趋势
仓库信息
| License | MIT |
| 创建时间 | 2026-10-26 |
| 最后推送 | 9 天前 |
| 热度分 | 11.0 |