Tweet
Few updates for the new HyperUI variants feature... πŸ‘€

#tailwind #opensource #buildinpublic
I had a brain wave and figured out how variants could be added to components on HyperUI 🧠

Here's a POC... Plenty more to do πŸƒβ€β™€οΈ

#tailwind #opensource #buildinpublic
HyperUI is about to hit 200 commits... Who's gonna claim this *small* milestone? πŸ™‹β€β™€οΈ

(hopefully the person that found the Firefox issue πŸ˜…)

#opensource #buildinpublic
It's awesome to see @getcandy get reviews like this! πŸŽ‰

If you're a Laravel developer building eCommerce stores, then you should "checkout" GetCandy 🫣
github.com/getcandy/getca…

#laravel #opensource #buildinpublic
Thanks to Aniket1026 on GitHub, HyperUI now has toggles! 🎚

Not only have they added a new collection, but the HTML/Tailwind CSS for these toggles is a great base to build more from πŸŽ‰

hyperui.dev/components/app…

#tailwindcss #opensource #buildinpublic
Just published a new blog post about how to contribute to HyperUI πŸ‘‡
hyperui.dev/blog/how-to-co…

And no, I'm not asking for money... I'm asking for code πŸ˜…

#opensource #buildinpublic #tailwindcss
Created a Tailwind CSS assistant which allows you to...

πŸš€ Edit element classes
✨ Toggle breakpoint/dark classes
πŸ‘€ View current breakpoint

+ It has the full range of Tailwind CSS class names and includes JIT πŸ₯³

#buildinpublic #tailwindcss

github.com/markmead/tailw…
Made a tiny Alpine JS plugin that... πŸ₯

✨ Shows character count of an input
✨ Shows character count left for an input max length

github.com/markmead/alpin…

Here's a before/after video showing how it can be used πŸŽ₯

#javascript #opensource #buildinpublic
Gonna be keeping myself busy with this πŸ˜…

#opensource #buildinpublic
I'm a little off/late on the dates, but HyperUI has now been live for one year and what a year its been... πŸ˜… πŸ₯³

#opensource #buildinpublic #javascript
Going to be working on some application UI components for HyperUI with the plan to release the first wave over the next few weeks πŸš€

Have your say on what's built πŸ‘‡
github.com/markmead/hyper…

#tailwindcss #opensource #buildinpublic
Small update to Twwordle 🀏

Getting stuck on the color shade isn't fun, so I've added a new "Finish Class Name" button for that scenario πŸŽ‰

github.com/markmead/tailw…
twwordle.hyperui.dev

#opensource #buildinpublic #javascript
Added a new sharing feature to Tailwind CSS Wordle so you can play along/challenge your friends πŸŽ‰

Got this in 2 guesses, can you beat that? πŸ˜‰
twwordle.hyperui.dev/?word=746f2d70…

#wordle #buildinpublic #css #opensource
Made a Tailwind CSS version of Wordle 🟧🟩

Over 6000 class names and you can play as much as you want πŸ˜…

twwordle.hyperui.dev

#javascript #wordle #opensource #buildinpublic
I've noticed a few developers using Hypercolor gradients in their projects which is awesome πŸŽ‰

Hopefully, this can make it a little easier... πŸ‘‡
hypercolor.dev/gradients.json

#javascript #opensource #buildinpublic
Been working on a tiny 🀏 JavaScript package that allows you to "fake" a contact form by submitting the form to GitHub as an issue πŸŽ‰

WIP but working well! github.com/markmead/gh-co…

#javascript #github
Create your own Tailwind CSS grainy gradients in the newest update to Hypercolor πŸŽ‡

hypercolor.dev/grainy @consolelogjordi

#javascript #opensource #buildinpublic
New blog alert 🚨

The new version of HyperUI loads faster and is friendlier for developers that want to contribute. It's now a project I enjoy working on, here's what has changed... πŸ“–

hyperui.dev/blog/whats-new…

#opensource #buildinpublic