Tauri + shadcn/ui + Tailwind CSS Boilerplate

A simple desktop app boilerplate with Tauri v2, shadcn/ui, and Tailwind CSS.

Tech Stack

• Tauri v2 - Desktop app framework
• React 18 - Frontend library
• TypeScript - Type safety
• shadcn/ui - UI components
• Tailwind CSS - Styling
• Vite - Build tool

Quick Start

Prerequisites

• Bun or Node.js 18+
• Rust

Installation

# Clone the repository
git clone https://github.com/wabisabi9547/tauri-shadcn-tailwind-boilerplate.git
cd tauri-shadcn-tailwind-boilerplate

# Install dependencies
bun install

# Start development
bun run tauri:dev

# Build for production
bun run tauri:build

# Start development in Android
bun run tauri:android-dev

# Build for android
bun run tauri:android-build

# Run this command to generate icons from a image
bun run tauri icon "path/to/image"

Project Structure

src/
├── components/ui/     # shadcn/ui components
├── App.tsx           # Main component
├── main.tsx          # React entry
└── index.css         # Global styles

src-tauri/            # Tauri backend
├── src/              # Rust code
├── Cargo.toml        # Rust deps
└── tauri.conf.json   # Tauri config

Adding Components

# Add shadcn/ui components
bunx shadcn@latest add button
bunx shadcn@latest add card

License

MIT