Hacker News new | ask | show | jobs
by adamwathan 2038 days ago
Framework author here! Don't miss the new landing page, it is probably the part I was most excited to share :)

https://tailwindcss.com/

Crazy amount of effort went into building all of these interactive examples, so proud of how it turned out.

The trailer in the blog post is absolutely 100% a joke in case it's not obvious. The music was scored for us by a friend, and that's a real life professional opera singer at the end chanting "utility first" in Latin. It's completely absurd and absolutely outrageous, just laugh at it :)

24 comments

I have never heard about Tailwind before, but the interactive elements and animated mini examples on the landing page are stellar at conveying what problems the framework solves. I've been putting off the UI for small project of mine and this looks like a great chance to try it out.
I don’t want to steal the focus from the achievement, but the landing page fails to open on Safari on iPad Air 2013.
Yes, still seeing that too. The tailwindcss homepage fully loads for a brief moment then shows a white screen with "An unexpected error has occurred."

Using Firefox on an Android phone.

Same behavior in firefox 68 android, but not in the new firefox android (using 83 beta), where it works without problems
Yeah works now, thanks.
I had to replace my 2013 iPad Air because barely anything would work on it anymore. It’d run Netflix and basic websites, but that was about it.
I am big tailwind user and i can confirm. I have same tablet first Air it just crashes due to "unexpected error".
And want to add scrolling on Safari 14 isn't very smooth at all. Although that is probably Safari's fault.
Every example I see seems to work with Safari on a 2020 iPad Air, /shrug. Ya on an old version of iOS?
Also had this issue.
I haven‘t even tried the interactive parts but I want to say that just the messaging and presentation flow is spot on.

I‘m 50/50 between tailwind and theme-ui style tools (which are really more similar than not). Just how well you can articulate your vision is honestly convincing me to just fully embrace tailwind. It‘s something every developer from every framework or guard of web development can get on board with.

I‘m happy you are putting the recommendation to use components or partials front and center over @apply. In my experience @apply has the power to negate the wins from tailwind. Maybe v3 can drop it?

One small thing: maybe you already discussed it but I would just drop the word gag reflex from the landing page. It‘s just... unpleasant.

That might be one of the best landing pages I've seen.

I'm sold.

I was coming from mobile app development when I tried Tailwind (with Vue) and I knew right away that it was architecturally sound. It's the only CSS framework I've ever used since, and I think it's very future-proof.

That said, I really don't like how it's being described as "utility-first". It's very ambiguous language to me even as an experienced programmer, and I've never really seen that phrase used elsewhere. Besides, all that the authors really seem to mean by "utility-first" is that it is "composition-based" as opposed to the more common inheritance-based approach to working with CSS.

It’s just a catchy phrase to help evoke the right emotion and make you remember the framework, which I think it does a good job at. It made sense to me at least in the context of reading about the framework, and besides no single hyphenated term is going to accurately describe a technical system.
This landing page is the slickest demonstration I've seen of anything in programming
Hey Adam! I know the video's meant to be over the top but I'd be curious who/what you worked with to make the visuals and animation if you're willing to share :)
OK, the trailer sold me. Seriously. I was skeptical about Tailwind, but the trailer makes it feel like you're my kind of person, and I want to try your product.

Also credit to a post above, which acknowledges the "it feels wrong but it makes sense in the end" sense. I'd dismissed Tailwind in the past over the feeling that it was the Wrong Thing. This convinces me to give it a try the next time I'm starting on something.

for tailwind 3.0 i would love for you to bring your rock/metal passion into the video!
That landing page is absolutely insane. It really makes me want to try Tailwind.
I love the trailer! The part about dark mode was blazing.
It's very obvious (in many different places: landing, documentation, streams) that TailwindCSS is made with love. Thank you for that!

P.S. Trailer is cool!

That is just swank. Also, thanks for Tailwind.
Hi Adam,

The demo given just below looks amazing. I initially thought it was a video, now seeing that it is actually coded. Brilliant

tailwindcss is like the fresh air that finally comes after trying bootstrap, flatui, kubecss for years. Thank you.
"Brutalist" - love it. Was "Jack McDade is the absolute worst" too long?
Safari: sites load and then... "An unexpected error has occurred."
Love the trailer, and great job on the entire release.
I love the new landing page, so awesome!
very much enjoyed the amount of sass in that blog post announcement ;)
That is a fun trailer. I laughed
Beautiful, beautiful work
both landing page and a trailer were fantastic
That is an absolutely beautiful home page. Very Apple. Well done!