updates soon
![tauri-ui](https://private-user-images.githubusercontent.com/16024979/296620834-fd89df5b-77f9-417e-89c8-ccf433cdf405.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyMzY5NDEsIm5iZiI6MTcyMzIzNjY0MSwicGF0aCI6Ii8xNjAyNDk3OS8yOTY2MjA4MzQtZmQ4OWRmNWItNzdmOS00MTdlLTg5YzgtY2NmNDMzY2RmNDA1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODA5VDIwNTA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1MjA1ZTVhNjU2NGQ5MjY0NjRlNDJjMTZjNTk1NTg0NzU1MDAzMWU3MGU4N2ExMjNjYjQ4NzQxYzA5NmQ3ZmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.K6Ouukfyd5NBj3XecoMo4oIMxqFomOMbPN3_l9uYHP0)
Create modern Tauri desktop apps in just a few simple steps. Tauri UI Templates is a starting point for building modern desktop applications with web technologies with using shadcn/ui, Tauri.
You can download pre-built final bundles from the Releases section.
Use create-tauri-ui to quickly scaffold a Tauri UI project.
pnpm create tauri-ui
npx create-tauri-ui@latest
pnpm create tauri-ui
npm create tauri-ui@latest
yarn create tauri-ui
Then follow the prompts!
You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Tauri-UI project, run:
# npm 7+, extra double-dash is needed:
npm create tauri-ui@latest my-tauri-app -- --template vite
# yarn
yarn create tauri-ui my-tauri-app --template next
# pnpm
pnpm create tauri-ui my-tauri-app --template sveltekit
You can use
.
for the project name to scaffold in the current directory.
Or clone the repository
gh repo clone agmmnn/tauri-ui
cd tauri-ui/templates/<template>
pnpm i
pnpm tauri dev
pnpm tauri build
- Components-based UI design with shadcn/ui. Radix UI for UI primitives.
- Native-looking window controls with tauri-controls.
- Support for dark and light modes.
- Lucide Icons, Radix Icons.
- Bundle size optimized
Cargo.toml
(.msi 2.5mb, .dmg 1.9mb, .deb 2mb) - Tauri GitHub Action, Cross-platform releases.
Update all components:
npx shadcn-ui@latest add --overwrite
# press "a" to select all components
Update a specific component:
npx shadcn-ui@latest add dialog --overwrite
This project utilizes code from the following repository:
- vitejs/create-vite - Used in create-tauri-ui
- shadcn/ui - Used in Next.js and Vite templates
- huntabyte/shadcn-svelte - Used in SvelteKit template