tauri-shadcn-vite-template

Just simple Tauri Shadcn Template based on React / Vite

Stars
1
Committers
2

Tauri Shadcn Vite Template

This repository provides a starter template for building cross-platform desktop applications using Tauri, Vite, React, and shadcn. The template is designed to help you quickly set up a modern, secure, and lightweight desktop application with a great user interface.

Features

  • Cross-platform Support: Build applications for Windows, macOS, and Linux.
  • Lightweight & Secure: Tauri ensures a small application size and enhanced security.
  • Fast Development: Vite provides lightning-fast build times and a smooth developer experience.
  • Modern UI Components: Styled with shadcn, offering a set of accessible, customizable UI components.
  • React-based UI: Leverage React to build dynamic user interfaces.

Technologies Used

  • Tauri: A framework for building tiny, fast, and secure desktop applications with web technologies.
  • Vite: A frontend build tool that provides fast development and optimized production builds.
  • React: A popular JavaScript library for building user interfaces.
  • shadcn: A component library styled with Radix UI, tailored for modern web applications.

Prerequisites

Before you begin, ensure you have met the following requirements:

  • Node.js: Version 14.x or later
  • Rust: Required for Tauri development
  • yarn or npm: For package management

Installation

  1. Clone the repository:

    git clone https://github.com/Aero25x/tauri-shadcn-vite-template.git
    cd tauri-shadcn-vite-template
    
  2. Install dependencies:

    If you use yarn:

    yarn install
    

    Or if you use npm:

    npm install
    
  3. Run the application:

    For development:

    yarn tauri dev
    

    For production:

    yarn tauri build
    

Usage

This template is intended to be a starting point for your Tauri-based desktop applications. Here's how to get started:

  1. Start Developing: After following the installation steps, you can start building your application by modifying the React components in the src directory.
  2. Build for Production: When you're ready to distribute your application, run yarn tauri build to create a production-ready bundle.

Project Structure

Here's a brief overview of the project's structure:

.
├── src/
│   ├── components/   # React components
│   ├── App.tsx       # Main React app
│   └── main.tsx      # Entry point for Vite
├── tauri.conf.json   # Tauri configuration
├── package.json      # Node.js dependencies and scripts
├── yarn.lock         # Yarn lock file (or package-lock.json for npm)
└── README.md         # Project documentation

Contributing

Contributions are welcome! To contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add some feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Open a pull request.

Please make sure your code adheres to the project's coding standards.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

  • Thanks to the Tauri, Vite, React, and shadcn teams for their amazing tools and frameworks.
Badges
Extracted from project README
Join our Telegram GitHub Twitter YouTube License Issues Stars Join our Telegram GitHub Twitter YouTube
Related Projects