wails-vite-react-tailwind-shadcnui-ts - GitLite

KO | EN

gitlite — search

#python #ai #llm #go #android #deep-learning #linux #docker #macos #awesome #kubernetes #pytorch #mcp #openai

wails-vite-react-tailwind-shadcnui-ts

(★ 91)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- - Info.dev.plist
  - Info.plist
- - icon.ico
  - info.json
  - wails.exe.manifest
- appicon.png
- README.md
- - App.tsx
  - index.css
  - main.tsx
  - style.css
  - vite-env.d.ts
- components.json
- index.html
- package-lock.json
- package.json
- package.json.md5
- package.tmpl.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- build-all.sh
- build-linux.sh
- build-macos-arm.sh
- build-macos-intel.sh
- build-macos-universal.sh
- build-windows.sh
- build.sh
- test-windows-build.sh
.gitignore
app.tmpl.go
go.mod.tmpl
go.sum
main.tmpl.go
NEXTSTEPS.md
README.md
template.json
wails.tmpl.json

// 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.