Electron 11 + TypeScript 4.0 + Vite 2 + React 17 + Tailwind 2 + twstyled starter

Electron + Vite + React Starter

Blazing fast Electron starter including

  • Vite for next generation frontend tooling
  • Typescript
  • ESBuild for building all assets including the main process
  • React as the front end framework
  • Tailwind CSS for styling without templates
  • twstyled tailwind compiler for no PostCSS processing and full-featured CSS in JS
  • Framer Motion for animation transitions
  • React fast refresh for hot module reloading
  • electron-builder and electron-notarize for distribution release
  • Zero dependency on Vue, tsc or styled-components, emotion or other runtime CSS in JS (but supports all the same API)

Configured with best practices.

Installation

yarn

Development

yarn dev

Build

yarn build

Release

Add any configuration to the build section of package.json, add an .env-secrets.json file in the .config folder with any environment secrets that you need for your publisher, and then run

yarn publish

Prior art

Inspired by https://github.com/appinteractive/electron-vite-tailwind-starter and https://github.com/maxstue/vite-reactts-electron-starter

License

MIT

GitHub

View Github