免费开源的 shadcn/ui 组件库,提供 1264 个仪表盘风格示例,可直接复制到 React 项目中使用。
agmmnn/tauri-ui
基于 shadcn/ui 的 Tauri 桌面应用脚手架 CLI,内置桌面端默认配置与可选功能。
- Star
- 2,327
- Fork
- 138
- 未关闭 Issue
- 2
- 最近提交
- 7天前
这是什么?
tauri-ui 是一个脚手架工具,用于生成基于 shadcn/ui 前端的 Tauri 桌面应用。可以选择 Vite、Next.js、React Router、Astro 或 TanStack Start 作为前端框架,工具会调用官方的 shadcn/ui 与 create-tauri-app 命令完成基础搭建,再合并原生外壳并应用桌面端默认配置。
默认配置针对大多数 Tauri 项目都会遇到的问题:窗口在首次渲染前保持隐藏,避免启动闪烁;外部链接在系统浏览器中打开;关闭过度滚动回弹;选择行为更接近原生桌面应用。生成的项目还可以选装初始仪表盘、Rust invoke 示例和 GitHub Actions 发布工作流。
可选的调试面板通过 Cmd/Ctrl + D 呼出,用于查看应用状态、路由、窗口信息、invoke 调用、运行时事件、插件日志和系统路径,仅在开发环境中生效。已生成的项目也可以通过同一 CLI 随时添加、更新或移除这些功能。
核心功能
- 01支持 Vite、Next.js、React Router、Astro、TanStack Start 多种前端框架
- 02基于官方 shadcn/ui 与 create-tauri-app CLI 构建,不维护分支
- 03提供桌面端默认配置:窗口就绪前隐藏、外链用系统浏览器打开、禁用过度滚动
- 04可选开发期调试面板,展示应用状态、invoke 调用、运行时事件与系统信息
- 05已有项目可通过 CLI 增删和更新可选功能
适用场景
- 搭建使用 shadcn/ui 组件的新桌面应用
- 快速原型开发需要合理窗口与链接行为的 Tauri 应用
- 开发阶段调试 Tauri invoke 调用与运行时事件
- 为 Tauri 应用配置 GitHub Actions 发布流程
快速上手
- 1
使用 CLI 创建新的 Tauri 应用
bunx create-tauri-ui@latest - 2
进入项目目录
cd my-app - 3
以开发模式启动应用
bun run tauri dev
使用前须知
- 运行文档中的命令需要先安装 Bun。
收录于专题
标签
常见问题
- tauri-ui 是什么?
- 基于 shadcn/ui 的 Tauri 桌面应用脚手架 CLI,内置桌面端默认配置与可选功能。 tauri-ui 是一个脚手架工具,用于生成基于 shadcn/ui 前端的 Tauri 桌面应用。可以选择 Vite、Next.js、React Router、Astro 或 TanStack Start 作为前端框架,工具会调用官方的 shadcn/ui 与 create-tauri-app 命令完成基础搭建,再合并原生外壳并应用桌面端默认配置。
- tauri-ui 可以免费使用吗?用的什么许可证?
- tauri-ui 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
- tauri-ui 还在维护吗?
- 活跃维护中。tauri-ui 最近一次提交是在 2026年10月31日。
- tauri-ui 适合用来做什么?
- 搭建使用 shadcn/ui 组件的新桌面应用 快速原型开发需要合理窗口与链接行为的 Tauri 应用 开发阶段调试 Tauri invoke 调用与运行时事件 为 Tauri 应用配置 GitHub Actions 发布流程
- tauri-ui 怎么安装和运行?
- 使用 CLI 创建新的 Tauri 应用: bunx create-tauri-ui@latest 进入项目目录: cd my-app 以开发模式启动应用: bun run tauri dev
- 在哪里获取 tauri-ui?
- 源代码和安装说明在 GitHub 上:https://github.com/agmmnn/tauri-ui
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
基于 React、Tailwind CSS 和 Base UI 的开源 shadcn/ui 组件、区块与后台模板,可通过 CLI 或复制代码使用。
基于 React、Vite 和 TypeScript 的脚手架,集成 shadcn/ui、Tailwind 与 Supabase,并附带 AI 编码助手指令。
面向 macOS 和 Windows 的离线优先语音转文字听写工具,可将识别结果直接输入到光标处。
基于 Next.js 与 Tailwind CSS 的开源 SaaS 启动模板,内置认证、多租户和权限管理。
一个面向企业应用的 Next.js 15 启动模板,集成 TypeScript、Tailwind CSS、测试与代码规范工具。