{"id":16709268,"url":"https://github.com/andreacfromtheapp/elm_vite_tailwind_template","last_synced_at":"2025-10-27T00:50:04.113Z","repository":{"id":63408162,"uuid":"491042286","full_name":"andreacfromtheapp/elm_vite_tailwind_template","owner":"andreacfromtheapp","description":"Opinionated template for building Elm web apps using Vite, TailwindCSS and daisyUI.","archived":false,"fork":false,"pushed_at":"2024-07-29T09:41:45.000Z","size":1390,"stargazers_count":40,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-12T20:03:51.101Z","etag":null,"topics":["daisyui","elm","elm-lang","front-end","frontend","tailwind","tailwindcss","vite","vitejs","web-app","web-application","web-dev","web-development","webapp","webdev","webdevelopment"],"latest_commit_sha":null,"homepage":"https://elm-vite-tailwind-template.netlify.app/","language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreacfromtheapp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-11T09:26:25.000Z","updated_at":"2024-09-26T05:43:33.000Z","dependencies_parsed_at":"2023-02-01T03:46:04.419Z","dependency_job_id":"64c391c4-0540-4eb6-9dbb-70f000d18e8e","html_url":"https://github.com/andreacfromtheapp/elm_vite_tailwind_template","commit_stats":null,"previous_names":["andreacfromtheapp/elm_vite_tailwind_template","gacallea/elm_vite_tailwind_template"],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreacfromtheapp%2Felm_vite_tailwind_template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreacfromtheapp%2Felm_vite_tailwind_template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreacfromtheapp%2Felm_vite_tailwind_template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreacfromtheapp%2Felm_vite_tailwind_template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreacfromtheapp","download_url":"https://codeload.github.com/andreacfromtheapp/elm_vite_tailwind_template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248163082,"owners_count":21057864,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisyui","elm","elm-lang","front-end","frontend","tailwind","tailwindcss","vite","vitejs","web-app","web-application","web-dev","web-development","webapp","webdev","webdevelopment"],"created_at":"2024-10-12T20:03:50.411Z","updated_at":"2025-10-27T00:50:04.104Z","avatar_url":"https://github.com/andreacfromtheapp.png","language":"Elm","funding_links":[],"categories":["Elm"],"sub_categories":[],"readme":"# Vite, Elm, Tailwind CSS, and daisyUI\n\nOpinionated template for building [Elm](https://elm-lang.org/) web applications\nusing [Vite](https://vitejs.dev/), [Tailwind CSS](https://tailwindcss.com/), and\n[daisyUI](https://daisyui.com/).\n\n- To learn more about Elm, check out\n  [Elm's official homepage](https://elm-lang.org).\n- For more information about Vite JS, check out\n  [Vite JS's official homepage](https://vitejs.dev).\n- For more information about Tailwind CSS, check out\n  [Tailwind CSS's official homepage](https://tailwindcss.com).\n- For more information about daisyUI, check out\n  [daisyUI's official homepage](https://daisyui.com).\n\n## Tooling\n\n### Vite\n\n- [vite-plugin-elm](https://github.com/hmsk/vite-plugin-elm): compile an Elm\n  module with hot-module reload.\n- [vite-plugin-webfont-dl](https://github.com/feat-agency/vite-plugin-webfont-dl):\n  inject [Bunny Fonts](https://fonts.bunny.net/) to improve website's\n  performance.\n- [vite-plugin-compression](https://github.com/vbenjs/vite-plugin-compression):\n  compress resources to improve website's performance.\n- [vite-plugin-imagemin](https://github.com/vbenjs/vite-plugin-imagemin):\n  compress image assets to improve website's performance.\n\n### Elm\n\n- [elm-tooling](https://elm-tooling.github.io/elm-tooling-cli/): command line\n  program that manages your Elm tools.\n- [elm-format](https://github.com/avh4/elm-format): format Elm source code\n  according to the official\n  [Elm Style Guide](https://elm-lang.org/docs/style-guide).\n- [elm-test](https://package.elm-lang.org/packages/elm-explorations/test/latest/):\n  write [unit](https://en.wikipedia.org/wiki/Unit_testing) and\n  [fuzz](https://en.wikipedia.org/wiki/Fuzzing) tests for Elm code.\n- [elm-review](https://package.elm-lang.org/packages/jfmengels/elm-review/latest/):\n  analyze Elm projects and find mistakes before your users find them.\n\n#### Packages\n\nShortlist of Elm packages that could be beneficial. Included as suggestions:\n\n- [hmsk/elm-vite-plugin-helper](https://package.elm-lang.org/packages/hmsk/elm-vite-plugin-helper/latest):\n  provides helpers for using vite-plugin-elm.\n- [tesk9/accessible-html](https://package.elm-lang.org/packages/tesk9/accessible-html/latest/):\n  makes writing accessible websites easier.\n- [lattyware/elm-fontawesome](https://package.elm-lang.org/packages/lattyware/elm-fontawesome/latest/):\n  native [Font Awesome](https://fontawesome.com/) integration and support.\n\nTo remove them feel free:\n\n1. not to use them\n2. run `npm run review`\n\n### Tailwind CSS\n\nThis templates uses TailwindCSS 4 with the `vite`, `typography`, and `daisyUI`\nplugins.\n\n#### daisyUI\n\n_\"The most popular, free, and open-source Tailwind CSS component library\"_.\n\n[daisyUI](https://daisyui.com/): a Tailwind CSS classes component library,\naiming to work on all frameworks. The CSS nature of daisyUI makes Elm\nintegration possible and a breeze to use. Examples included:\n\n- The whole page is a daisyUI [hero](https://daisyui.com/components/hero/)\n  section\n- The counter buttons are daisyUI\n  [buttons](https://daisyui.com/components/button/)\n- Basic daisyUI 'light' and 'dark'\n  [theming](https://daisyui.com/docs/themes/)/[coloring](https://daisyui.com/docs/colors/)\n  (via [Elm ports](https://guide.elm-lang.org/interop/ports.html))\n\n### Node\n\n- [fnm](https://github.com/Schniz/fnm): easily and consistently manage Node.\n- `.nvimrc` set to use latest `lts/jod`.\n\n### VS Code\n\n- This template provides both\n  [recommended extensions](https://code.visualstudio.com/docs/editor/extension-marketplace#_recommended-extensions)\n  and\n  [workspace settings](https://code.visualstudio.com/docs/getstarted/settings#_workspace-settings).\n- [VS Code](https://code.visualstudio.com/) will prompt you to install them when\n  you open the workspace for the first time.\n\n#### Elm + Tailwind CSS\n\n- [@max_hoffmann](https://twitter.com/max_hoffmann) amazing\n  [Tailwind CSS in Elm for VSCode](https://max.hn/thoughts/using-tailwind-css-in-elm-and-vscode)\n  changes are implemented.\n\n## Get Started\n\n### Install tiged\n\nTo clone this repository, devoid of `.git`, you can either use `npx degit` or\ninstall `tiged` locally and run `degit` without `npx`. YMMV.\n\n[Tiged is a fork that addresses a number of issues](https://github.com/tiged/tiged#why-fork=),\nand should be preferred. To install it, run:\n\n```bash\nnpm uninstall -g degit\nnpm install -g tiged\n```\n\nMost likely, `npx degit` would invoke `degit`. A locally installed binary makes\nsure you are running `tiged` instead.\n\n### Peruse the template\n\n1. Clone the template:\n   1. using npx:\n      `npx degit andreacfromtheapp/elm_vite_tailwind_template my-elm-app`\n   2. local binary:\n      `degit andreacfromtheapp/elm_vite_tailwind_template my-elm-app`\n2. Enter the project: `cd my-elm-app`\n3. Install dependencies: `npm install`\n4. Start developing: `npm run dev`\n\n### Available Commands\n\n| script      | action                      |\n| ----------- | --------------------------- |\n| postinstall | elm-tooling install         |\n| dev         | vite                        |\n| prebuild    | elm-tooling install         |\n| build       | vite build                  |\n| preview     | npm run build; vite preview |\n| review      | elm-review --fix-all        |\n| test        | elm-test-rs                 |\n\n## Contributing\n\nContributions and constructive criticism are welcome. If you think I'm overdoing\nit, feel free to discuss. I'm still experimenting with this, as a learning\nopportunity, and I strive to improve the template as much as possible.\n\n## Acknowledgements\n\nThis templated was inspired by\n[Lindsay K Wardell](https://github.com/lindsaykwardell/vite-elm-template)'s\ntemplate.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreacfromtheapp%2Felm_vite_tailwind_template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreacfromtheapp%2Felm_vite_tailwind_template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreacfromtheapp%2Felm_vite_tailwind_template/lists"}