index.md

layout	titleTemplate	hero	features	footer
home	Reliable web apps for everyone	image name text tagline actions src alt /images/logo-480.png Elm Land logo Reliable web apps for everyone. A production-ready framework for building Elm applications. Build your next app with confidence, step by step. text link Get started /guide/ text link theme Follow for updates https://twitter.com/elmland_ alt	icon title details 🌱 Beginners welcome New to Elm? That's perfect! Elm Land was designed with you in mind. Our guides are here to make you productive, fast! icon title details 🔋 Batteries included Comes with a built-in dev server and build tool. Access environment variables, easily work with NPM, TypeScript, add CSS files, and more! icon title details 📚 Guides & conventions Elm Land provides clear, consistent guides to help you answer common questions folks have when scaling their apps. You'll be able to leverage years of Elm best practices. icon title details 🎨 Learn with examples Are you a visual learner? Check out the "Examples" page, which shows official Elm Land examples alongside real world apps. icon title details 🪄 File-based routing Elm Land improves consistency and saves you time. We automatically connect your pages to URLs, using a simple file-naming convention. icon title details 📦 Easy deployments Elm Land is designed to be hosted for free on the web as a single-page application. Visit our guides on how to deploy your app with Netlify or Vercel.	Made for you with ❤️

<script setup> import { VPTeamMembers } from 'vitepress/theme' const foundingSponsors = [ { logo: 'https://lamdera.com/images/lamdera-logo-black.png', name: 'Lamdera', width: 878, height: 141, url: 'https://lamdera.com/' }, { logo: 'https://blog.cachix.org/img/logo.png', name: 'Cachix', width: 788, height: 261, url: 'https://www.cachix.org/' } ] const sponsors = [ { avatar: 'https://www.github.com/pete-murphy.png', name: 'Pete Murphy', title: '@pete-murphy', links: [ { icon: 'github', link: 'https://github.com/pete-murphy' } ] }, { avatar: 'https://www.github.com/dbj.png', name: 'Dirk Johnson', title: '@dbj', links: [ { icon: 'github', link: 'https://github.com/dbj' } ] }, { avatar: 'https://www.github.com/ianmackenzie.png', name: 'Ian Mackenzie', title: '@ianmackenzie', links: [ { icon: 'github', link: 'https://github.com/ianmackenzie' } ] }, { avatar: 'https://www.github.com/alpakaxaxa.png', name: '@alpakaxaxa', links: [ { icon: 'github', link: 'https://github.com/alpakaxaxa' } ] }, { avatar: 'https://www.github.com/dennistruemper.png', name: 'Dennis Roch', title: '@dennistruemper', links: [ { icon: 'github', link: 'https://github.com/dennistruemper' } ] }, { avatar: 'https://www.github.com/nathanbraun.png', name: 'Nathan Braun', title: '@nathanbraun', links: [ { icon: 'github', link: 'https://github.com/nathanbraun' } ] }, ] </script> <style> :root { --vp-home-hero-name-color: mediumseagreen; } .VPFeatures + div { padding: 0 64px; margin: 0 auto; max-width: 48em; } .VPFeatures + div h3 { font-size: 2rem; line-height: 1.2; margin-top: 4rem; margin-bottom: 1rem; font-family: var(--vp-font-family-header); } .VPTeamMembers { margin-top: 2rem; } .sponsor { border-radius: 2rem; border: solid 1px; padding: 0.5em 1em; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5em; transition: border-color 100ms ease-in-out; } .flex { margin: 2rem auto; display: flex; justify-content: center; } .flex .icon { fill: currentColor; height: 20px; transition: fill 100ms ease-in-out; } .sponsor:hover { border-color: #cd2e90; } .sponsor:hover .icon { fill: #cd2e90; } h6 { letter-spacing: 0.05em; text-transform: uppercase; margin-top: 2rem; opacity: 0.75; } </style>

💖 Sponsors

Here are some of the successful companies and wonderful people that make Elm Land possible by supporting the project each month.

Companies

Individuals

Want to support Elm Land?

If you'd like to contribute to the health and continuous improvement of the framework, ensure a strong foundation for your business, or be featured on this page– you can support Elm Land via GitHub Sponsors:

Support Elm Land