Fuck it, I'll make my own.

I released an open-source Tailwind lightbox

Published on

filed under "Web Development"

by WFL

I've got 2 blogs now running Tailwind and Markdown, and for the longest time, I just.. Didn't do anything about making the in-article images interactive.

I finally did something about that, and also built it so you could use it, too.

Grab the code for it here.

It's nothing fancy, but it works on both the sites I needed it on with minimal effort to adapt, and figured other folks might want to use it themselves.

Per my usual, this is usable with no restrictions. I don't care. It's not even 150 lines of JS. It is not worth being a fucking dick about who owns what and who can use it.

I may later refactor it to create an optional semantic-flow implementation (where a lightbox is generated for each image on load and is located right after each image), but accessibility-wise this implementation works fine for now.

No, I'm not creating an NPM package for it. It's not necessary, and this way you can learn a little bit, too, and even adapt it to be used for non-TW projects, or whatever you want.

I also just realized I said "Tailwinds" in the code repo rather than "Tailwind", but.. I know I'm not the only one to make that mistake, I'm sure, so we'll leave it in for search visibility.