正在打开每日关注
正在打开每日关注
基于 Next.js、shadcn/ui 与 Base UI 的开源任务看板模板。
Open-source task management layout built with @shadcn x @base_ui GitHub: https://t.co/NobUx2gnhX https://t.co/0hNrTGYUWn
是什么
Square UI 是开源 UI 布局集合,不是完整任务 SaaS。README 指明其用 Next.js 与 TypeScript 构建,以 shadcn/ui 做组件、Tailwind CSS 做样式;Radix UI 模板在 templates/,Base UI 变体在 templates-baseui/。Tasks 是其中一个包含统计、图表和看板的任务管理 dashboard。仓库有 6107 stars,最近提交日期为 2026-06-14。
核心设计 截图采用深色桌面布局:左侧导航、顶部操作栏与横向看板连续衔接。Backlog、Todo、In Progress、Technical Review 按状态组织工作;卡片用标签、截止日期、评论/附件计数、头像和完成进度承载上下文,Filter、Sort、Automate、Import/Export 与 Request task 均处于高可见位置。
关键洞察 可借鉴点是用统一卡片信息模型支撑多个状态容器,并用颜色、标签和进度强化快速扫描;Radix/Base UI 双实现也便于比较底层组件方案。仓库同时覆盖日历、邮件、聊天、文件和 CRM 等界面,适合作为 Next.js 原型与组件实践参考。
边界与风险 README 未说明数据层、权限、拖拽、无障碍测试或生产级状态管理,因此不能把模板等同于完整任务系统。截图只证明桌面深色主题,移动端、极端数据量与国际化仍需自行验证。