Modelos

Modelos de projeto e kits iniciais para Wails

Esta página serve como uma lista de modelos suportados pela comunidade. Para criar seu próprio
modelo, consulte o guia Modelos.

Para usar estes modelos, execute
wails init -n "Nome do Seu Projeto" -t [o link abaixo[@version]]

Se não houver sufixo de versão, o modelo de código do branch principal é usado por padrão.
Se houver um sufixo de versão, o modelo de código correspondente à tag desta
versão é usado.

Exemplo:
wails init -n "Nome do Seu Projeto" -t https://github.com/misitebao/wails-template-vue

Vue

• wails-template-vue - Modelo Wails baseado na ecologia Vue (TypeScript integrado, tema escuro,

  internacionalização, roteamento de página única, TailwindCSS)

• wails-template-quasar-js - Um modelo usando JavaScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint,

  Prettier)

• wails-template-quasar-ts - Um modelo usando TypeScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint,

  Prettier, Composition API com <script setup>)

• wails-template-naive - Modelo Wails baseado no Naive UI (Uma biblioteca de componentes Vue 3)

• wails-template-nuxt - Modelo Wails usando Nuxt3 limpo e TypeScript com importação automática para o

  runtime JS do Wails

• Wails-Tool-Template - Modelo Wails usando Vue+TypeScript+Vite+Element-plus (inspirado no NetEase Cloud)

Angular

• wails-template-angular - Angular 15+ repleto de recursos e pronto para produção.

• wails-angular-template - Angular com TypeScript, Sass, Hot-Reload, Code-Splitting e i18n

React

• wails-react-template - Um modelo usando reactjs

• wails-react-template - Um modelo minimalista para React que suporta desenvolvimento em tempo real

• wails-template-nextjs - Um modelo usando Next.js e TypeScript

• wails-template-nextjs-app-router - Um modelo usando Next.js e TypeScript com roteador de aplicativo

• wails-template-nextjs-app-router-src - Um modelo usando Next.js e TypeScript com roteador de aplicativo src + exemplo

• wails-vite-react-ts-tailwind-template - Um modelo para React + TypeScript + Vite + TailwindCSS

• wails-vite-react-ts-tailwind-shadcnui-template - Um modelo com Vite, React, TypeScript, TailwindCSS e shadcn/ui

Svelte

• wails-svelte-template - Um modelo usando Svelte

• wails-vite-svelte-template - Um modelo usando Svelte e Vite

• wails-vite-svelte-tailwind-template - Um modelo usando Svelte e Vite com TailwindCSS v3

• wails-svelte-tailwind-vite-template - Um modelo atualizado usando Svelte v4.2.0 e Vite com TailwindCSS v3.3.3

• wails-sveltekit-template - Um modelo usando SvelteKit

• wails-template-shadcn-svelte - Um modelo usando Sveltekit e Shadcn-Svelte

Solid

• wails-template-vite-solid-ts - Um modelo usando Solid + Ts + Vite

• wails-template-vite-solid-js - Um modelo usando Solid + Js + Vite

Elm

• wails-elm-template - Desenvolva seu aplicativo GUI com programação funcional e uma configuração de

  hot-reload rápida :tada: :rocket:

• wails-template-elm-tailwind - Combine os poderes :muscle: de Elm + Tailwind CSS + Wails! Hot reloading

  suportado.

HTMX

• wails-htmx-templ-chi-tailwind - Use uma combinação única de htmx puro para interatividade mais templ para

  criação de componentes e formulários

JavaScript Puro (Vanilla)

• wails-pure-js-template - Um modelo com nada além de JavaScript básico, HTML e CSS

Lit (web components)

• wails-lit-shoelace-esbuild-template - Modelo Wails fornecendo ao frontend lit, biblioteca de componentes Shoelace +

  prettier e typescript pré-configurados.