Wails + SvelteKit + shadcn-svelte Template

A Wails template that pairs Go with a SvelteKit frontend, Tailwind CSS v4, and shadcn-svelte components.

What's inside

Frontend

• Svelte 5 with runes mode enabled.
• SvelteKit using @sveltejs/adapter-static for static export.
• Tailwind CSS v4
• shadcn-svelte accessible, customizable UI components.
• Lucide Icons and Iconify (200k+ icons with Tailwind 4 support).
• Inter Font variable font from Fontsource.
• clsx + tailwind-merge for conditional class merging.
• tailwind-variants for variant management.
• tw-animate-css for animations.

Tooling

• TypeScript throughout.
• Vite for dev server and builds.
• Prettier with Svelte and Tailwind plugins.
• ESLint with TypeScript and Svelte support.
• svelte-check for Svelte type checking.

Backend

• Go + Wails v2 for cross-platform desktop apps.

Getting Started

wails init -n myapp -t https://github.com/AlchemillaHQ/wails-sveltekit-shadcn
cd myapp
wails dev

Live Development

Run wails dev in the project directory. In another terminal, go into the frontend directory and run npm run dev. The frontend dev server will run on http://localhost:34115. Connect to this in your browser to see live hot-reload updates.

Building

To build a redistributable, production mode package:

wails build

The compiled binary will be placed in the build/bin directory.

Project Structure

├── frontend/          # SvelteKit frontend
│   ├── src/
│   │   ├── lib/
│   │   │   ├── components/   # Reusable components
│   │   │   │   └── ui/       # shadcn-svelte UI components
│   │   │   ├── hooks/        # Custom hooks
│   │   │   └── utils.ts      # Utility functions (cn, etc.)
│   │   └── routes/           # SvelteKit pages
│   ├── svelte.config.js
│   ├── tailwind.config.js
│   └── components.json       # shadcn-svelte configuration
├── main.go            # Go entrypoint
├── app.go             # Wails app bindings
└── wails.json         # Wails configuration