KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #open-source #ai #claude-code #codex #developer-tools #dsh-plugin #ai-agent #mcp #deepseek-harness

wails-vite-react-tailwind-shadcnui-ts

★ 91 Open GitHub ↗

Modern Wails template with React 18, TypeScript, Vite 5, Tailwind CSS v4, and shadcn/ui for building beautiful desktop applications

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Wails + Vite + React + Tailwind CSS v4 + shadcn/ui + TypeScript

A modern Wails template featuring the latest technologies for building beautiful desktop applications.

## 🚀 Features

- **[Wails v2.11.0](https://wails.io/)** - Build desktop apps using Go & Web Technologies
- **[React 18.3](https://react.dev/)** - Modern React with hooks
- **[TypeScript 5.7](https://www.typescriptlang.org/)** - Type safety and better DX
- **[Vite 5.4](https://vitejs.dev/)** - Lightning-fast HMR and build tool
- **[Tailwind CSS v4](https://tailwindcss.com/)** - Latest Tailwind with new Vite plugin
- **[shadcn/ui](https://ui.shadcn.com/)** - Beautiful, accessible component library
- **[ESLint 9](https://eslint.org/)** - Code quality with flat config
- **Cross-platform build scripts** - Easy builds for Windows, macOS, and Linux

## 📦 Installation

```bash
wails init -n myapp -t https://github.com/Mahcks/wails-vite-react-tailwind-shadcnui-ts
cd myapp
```

## 🛠️ Development

Run the app in development mode with hot reload:

```bash
wails dev
```

The frontend dev server runs on http://localhost:5173 with Vite's fast HMR.

## 🏗️ Building

### Current Platform
```bash
wails build
# or
./scripts/build.sh
```

### Cross-Platform Builds
```bash
# Build for all platforms
./scripts/build-all.sh

# Individual platforms
./scripts/build-windows.sh      # Windows AMD64
./scripts/build-linux.sh         # Linux AMD64
./scripts/build-macos-arm.sh     # macOS Apple Silicon
./scripts/build-macos-intel.sh   # macOS Intel
./scripts/build-macos-universal.sh  # macOS Universal Binary
```

Built applications will be in `build/bin/`

## 🎨 shadcn/ui Components

This template includes pre-configured shadcn/ui components:
- Button
- Input
- Label
- Card

Add more components:
```bash
npx shadcn@latest add [component-name]
```

Browse components at [ui.shadcn.com](https://ui.shadcn.com/)

## 📁 Project Structure

```
.
├── app.tmpl.go              # Main application logic
├── main.tmpl.go             # Entry point
├── frontend/
│   ├── src/
│   │   ├── App.tsx          # Main React component
│   │   ├── components/ui/   # shadcn/ui components
│   │   └── lib/utils.ts     # Utility functions
│   ├── vite.config.ts       # Vite configuration
│   └── package.json         # Frontend dependencies
└── scripts/                 # Build scripts
```

## 🔧 Configuration

Project configuration is in `wails.json` (auto-generated on `wails init`).

See [Wails documentation](https://wails.io/docs/reference/project-config) for all options.

## 📚 Learn More

- [Wails Documentation](https://wails.io/docs/introduction)
- [React Documentation](https://react.dev/)
- [Vite Documentation](https://vitejs.dev/)
- [Tailwind CSS Documentation](https://tailwindcss.com/)
- [shadcn/ui Documentation](https://ui.shadcn.com/)

## 📝 License

This template is available as open source under the terms of the MIT License.

wails-vite-react-tailwind-shadcnui-ts

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README