dealloc

dealloc

While working on my new Phoenix 1.6 application I was annoyed that we still need to install NodeJS if we’d want to use TailwindCSS.
Then I stumbled across this blog post that introduces a standalone CLI for TailwindCSS (it mentions Phoenix by name!) to use TailwindCSS without having to use NodeJS.

So I built a small package that pretty much does exactly what esbuild does (which ships with Phoenix), but does it for the TailwindCSS CLI.
The idea is to make straightforward using Tailwind in your Phoenix (1.6+) application without needing to install NodeJS.

Links:

I threw it together rather quickly and it’s my first published package, so feedback is most definitely welcome, and I hope it proves useful to someone besides me.

Cheers

Showing Posts 1 to 10

chrismccord

chrismccord

Creator of Phoenix

Hey @dealloc – Nice work! The phoenix team actually went to start on this very thing today. Any interest in transferring to the Phoenix org so we can own esbuild and tailwind packages without duplicating efforts? :slight_smile:

11
Post #1
dealloc

dealloc OP

hey @chrismccord of course! Had I known you guys were working on this I would’ve patiently waited :wink:
If you can give me some guidance on how to get that started I’m more than glad to transfer!

13
Post #2
chrismccord

chrismccord

Creator of Phoenix

For the hex package:

$ mix hex.owner transfer tailwind chris@chrismccord.com

Then on GitHub, got to the settings page and near the bottom is the “Danger Zone”, and you can click transfer and transfer to the phoenixframework org.
https://github.com/dealloc/tailwind_cli/settings

Thanks for doing the leg work on this! I am beyond excited that we now have a dependency-free tailwind experience for phoenix users!

10
Post #3
dealloc

dealloc OP

I transferred ownership for the hex package, but when I try to move the Github repository into phoenixframework I get the error “You don’t have permission to create public repositories on phoenixframework”
any workaround?

I was so excited when I came across the dependency free Tailwind CLI that I just had to integrate it, esbuild did it so effortlessly I couldn’t resist building something similar

chrismccord

chrismccord

Creator of Phoenix

Thanks so much! I’ll push the repo up on my side :heart: :heart: :heart:

Sebb

Sebb

How can I use Tailwind CSS IntelliSense - Visual Studio Marketplace when installing tailwind with this package?

I get this error from the plugin:

[Error - 11:10:05 AM] Tailwind CSS: Can't resolve 'tailwindcss' in '/<path-to-app>/assets'

So the plugin finds the generated tailwind.config.js but not tailwindcss.

When I install with

npm install -D tailwindcss

the plugin works.

chrismccord

chrismccord

Creator of Phoenix

You’ll need to copy the binary to somewhere in your $PATH if the vscode plugin requires it to be available globally

Sebb

Sebb

I copied _build/tailwind-linux-x64 to the path, also tried renaming to tailwindcss - still does not work. Also npm i -g tailwindcss does not work.

sodapopcan

sodapopcan

This is really very exciting! And kudos to the tailwind folks for accommodating to those of us who don’t care much for nodejs.

andrewb

andrewb

Thanks @dealloc and @chrismccord, I heard about this today and spent 15 mins updating my blog to remove NodeJS and the other dependencies.

It all worked a treat and I documented what I did here.

Thanks again guys.

Where Next? Top

Trending in Discussions Top

AstonJ
The obligatory hello world thread! Who are you and where are you from? :stuck_out_tongue:
4663 61218 595
New
cblavier
Hey there, It’s been more than a year since we started using LiveView as our main UI library and building a whole library of UI componen...
515 12931 101
New
wmnnd
Hey folks, I wanted to share with you a project I’ve been working on for a while: It’s an Open Source (AGPLv3) newsletter tool. Think Ma...
New
raa-ziq
Hi everyone :waving_hand: I wanted to share something I’ve been building — NowBlind, a random chat app designed to help people discover ...
New
sntran
In my third year of college, around 2010, I found Erlang. A few years later, I found Elixir. I liked the ideas at once: many small proces...
New
Ganna
Hi everyone, I have 8 years of production experience with Erlang/OTP and I’m just starting to get to know Elixir. What would you learn f...
New
gtcode
I’ve been tinkering with Lynx (by José) via hold_ledger. I used AI to write the code, a separate specification, the tests, and the Lean p...
New

Other Trending Topics Top

dominicletz
Hey there, I haven’t seen a list of useful Elixir specific skills for the popular AI tools yet so I’m starting one here with my first. ...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
OndrejValenta
(I just needed to vent somewhere and LinkedIn is full of hope, or hype, I’m not sure which exactly) AI dream has many faces, but general...
New
kip
Localize is the next generation localisation library for Elixir. Think of it as ex_cldr version 3.0. The first version will be released ...
New
webofbits
With AI doing more of the implementation work, I’ve been wondering how much coding I should deliberately keep doing myself. My main conc...
#ai
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews