Tauri + React + TypeScript + Vite + HeroUI + Tailwind CSS

A modern desktop application template that combines Tauri's native capabilities with React's frontend power, enhanced by TypeScript, HeroUI components, and Tailwind CSS styling.

Features

• Tauri: Lightweight, secure framework for building cross-platform desktop apps
• React 18: Modern UI library for building interactive interfaces
• TypeScript: Type safety and improved developer experience
• Vite: Next-generation frontend tooling for fast development
• HeroUI: Beautiful, accessible UI components
• Tailwind CSS: Utility-first CSS framework for rapid UI development

Prerequisites

• Node.js (v16 or newer)
• Rust
• Tauri setup dependencies

Getting Started

Clone the repository

git clone https://github.com/calumsudo/Tauri-Vite-Typescript-HeroUI-Tailwind-Template.git
cd Tauri-Vite-Typescript-HeroUI-Tailwind-Template

Install dependencies

npm install

Development

Run the app in development mode with hot reload:

npm run tauri dev

Building

Build the app for production:

npm run tauri build

This will create executable files for your platform in the src-tauri/target/release directory.

Project Structure

/
├── src/                  # React frontend code
├── src-tauri/            # Tauri backend code (Rust)
├── public/               # Static assets
├── index.html            # HTML entry point
├── tailwind.config.js    # Tailwind CSS configuration
├── tsconfig.json         # TypeScript configuration
├── vite.config.ts        # Vite configuration
└── package.json          # Project dependencies and scripts

Recommended IDE Setup

• VS Code with the following extensions:
  • Tauri
  • rust-analyzer
  • ESLint
  • Tailwind CSS IntelliSense

License

MIT

Contributing

Contributions, issues, and feature requests are welcome!