Tauri UI

Overview

The Tauri-UI-Boilerplate is a development framework that combines Tauri, Next.js 13, and shadcn/ui to provide a seamless and efficient development experience. It utilizes technologies such as TypeScript, Tailwind CSS, Radix UI, and Lucide Icons to create a highly customizable and feature-rich application. With a focus on optimization and ease of use, this boilerplate enables developers to quickly create powerful desktop applications.

Features

• Titlebar draggable
• Titlebar minimize, maximize, close buttons
• Titlebar double-click maximize
• UI component decomposition
• Dark-Light mode switch
• Retrieving data from backend code
• Customizable styling and theme
• Easy component updates

Installation

To get started with the Tauri-UI-Boilerplate, follow these steps:

1. Update the Cargo.toml file to optimize the bundle size. The resulting .msi file size should be around 1.8mb.
2. Make sure to have Tauri, Next.js 13, and shadcn/ui installed in your project dependencies.
3. Customize the package.json and src-tauri/tauri.conf.json files according to your needs.
4. Update the app-icon.png file and run yarn tauri icon to automatically generate the icon files needed for the application.
5. To update the components, download the shadcn/ui/apps/www/components/ui directory and paste it into src/components/ui.
6. Set up your preferred IDE, recommended setup is to use VS Code with Tauri and rust-analyzer.

Summary

The Tauri-UI-Boilerplate combines powerful technologies to provide an efficient and customizable development experience. With its features such as draggable titlebar, component decomposition, dark-light mode switch, and easy customization, developers can quickly build desktop applications using the Tauri framework with Next.js 13 and shadcn/ui.