Templates

This page serves as a list for community supported templates. Please submit a PR (click Edit this page at the bottom) to include your templates. To build your own template, please see the Templates guide.

To use these templates, run wails init -n "Your Project Name" -t [the link below[@version]]

If there is no version suffix, the main branch code template is used by default. If there is a version suffix, the code template corresponding to the tag of this version is used.

Example: wails init -n "Your Project Name" -t https://github.com/misitebao/wails-template-vue

Attention

The Wails project does not maintain, is not responsible nor liable for 3rd party templates!

If you are unsure about a template, inspect package.json and wails.json for what scripts are run and what packages are installed.

Vue

• wails-template-vue - Wails template based on Vue ecology (Integrated TypeScript, Dark theme, Internationalization, Single page routing, TailwindCSS)
• wails-template-quasar-js - A template using JavaScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier)
• wails-template-quasar-ts - A template using TypeScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier, Composition API with <script setup>)
• wails-template-naive - Wails template based on Naive UI (A Vue 3 Component Library)
• wails-template-tdesign-js - Wails template based on TDesign UI (a Vue 3 UI library by Tencent), using Vite, Pinia, Vue Router, ESLint, and Prettier.

Angular

• wails-template-angular - Angular 15+ action packed & ready to roll to production.
• wails-angular-template - Angular with TypeScript, Sass, Hot-Reload, Code-Splitting and i18n

React

• wails-react-template - A template using reactjs
• wails-react-template - A minimal template for React that supports live development
• wails-template-nextjs - A template using Next.js and TypeScript
• wails-template-nextjs-app-router - A template using Next.js and TypeScript with App router
• wails-vite-react-ts-tailwind-template - A template for React + TypeScript + Vite + TailwindCSS
• wails-vite-react-ts-tailwind-shadcnui-template - A template with Vite, React, TypeScript, TailwindCSS, and shadcn/ui
• wails-nextjs-tailwind-template - A template using Next.js and Typescript with TailwindCSS

Svelte

• wails-svelte-template - A template using Svelte
• wails-vite-svelte-template - A template using Svelte and Vite
• wails-vite-svelte-ts-tailwind-template - A template using Wails, Svelte, Vite, TypeScript, and TailwindCSS v3
• wails-vite-svelte-tailwind-template - A template using Svelte and Vite with TailwindCSS v3
• wails-svelte-tailwind-vite-template - An updated template using Svelte v4.2.0 and Vite with TailwindCSS v3.3.3
• wails-sveltekit-template - A template using SvelteKit

Solid

• wails-template-vite-solid-ts - A template using Solid + Ts + Vite
• wails-template-vite-solid-js - A template using Solid + Js + Vite

Elm

• wails-elm-template - Develop your GUI app with functional programming and a snappy hot-reload setup 🎉 🚀
• wails-template-elm-tailwind - Combine the powers 💪 of Elm + Tailwind CSS + Wails! Hot reloading supported.

HTMX

• wails-htmx-templ-chi-tailwind - Use a unique combination of pure htmx for interactivity plus templ for creating components and forms

Pure JavaScript (Vanilla)

• wails-pure-js-template - A template with nothing but just basic JavaScript, HTML, and CSS

Lit (web components)

• wails-lit-shoelace-esbuild-template - Wails template providing frontend with lit, Shoelace component library + pre-configured prettier and typescript.