DEV Community

Carlos Saltos
Carlos Saltos

Posted on

5 2

Elm and TailwindCSS with purge included

Elm with Tailwind CSS

What ?

A simple start project with an Elm using Tailwind CSS styles with purge included.

Why ?

Because Tailwind CSS is nice and when use it with Elm is a lot of power and beauty.

How ?

Ensure you have recent versions of Yarn and Elm installed and then run:

yarn
yarn dev
Enter fullscreen mode Exit fullscreen mode

If that works you may open your favorite browser to http://localhost:5000/ and
make changes to your code live.

If you want to export a final optimited version of your code you may run yarn build.

Please take a look to:

  • package.json
  • postcss.config.js
  • tailwind.config.js
  • public/assets/pcss/styles.pcss
  • src/Main.elm

NOTE: Of course you can use NPM instead of Yarn, in that case you may change the
watch scripts from package.json from yarn calls to npm calls.

Where ?

This repo is initially published at https://github.com/csaltos/elm-tailwindcss/
and you may see a demo at https://csaltos.com/elm/tailwindcss/

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (1)

Collapse
 
csaltos profile image
Carlos Saltos

UPDATE: we moved from Tailwind CSS to Elm with Elm UI, it's a lot better, here a video tutorial about it udemy.com/course/elm-the-complete-...

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs