Vite Elm Template

A default template for building Elm applications using Vite. Includes hot-module reload of Elm modules (courtesy of vite-plugin-elm).

Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects.

Elm is a functional language that compiles to JavaScript. It helps you make websites and web apps. It has a strong emphasis on simplicity and quality tooling.

Live demo site: https://vite-elm-template.netlify.app/

Features

• Hot Module Reload of all code in the app (including Elm)
• Integration with Vite static asset handling
• Tooling installation via elm-tooling
  • Includes Elm, elm-format, elm-json, and elm-test-rs
• Basic unit test and elm-review examples
• Github Actions CI for running tests
• Recommends the Elm VS Code extension

For a single page app (SPA) version of this template, check out vite-elm-spa

Get Started

# Clone the template locally, removing the template's Git log
npx tiged lindsaykwardell/vite-elm-template my-elm-app

# Enter the project, install dependencies, and get started!
cd my-elm-app
npm install
npm run dev

For more information about Vite, check out Vite's official documentation.

To learn more about Elm, check out Elm's official homepage.