Tailwind.run

Dev tools

css playground

SHOW HN2019

181points
95comments
#224of 2,195 in 2019
Top 11%of 2019 by points

How HN took it

MixedNo clear lean

28 positive, 17 neutral or asking, 3 mixed, 11 critical, out of 59 comments about the project. Thread score +0.27.

Design: 8 for, 6 againstIdea: 10 for, 4 againstPerformance: 5 for, 1 againstDocs: 2 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Useful for prototyping and quick design with Tailwind

    From 4 comments
    • I'm absolutely loving using Tailwind for my new projects. It makes it so easy to prototype and build out nice designs. Honestly I have never felt so productive when it comes to…
      dinkleberg on HN
    • Tailwind is quite nice for raw prototyping. I'm still not how it compares to basscss. I would love a pure scss version of tailwind.
      foobar_ on HN
    • Love it! I'm using Tailwindcss on a project now, and this tool will come in pretty handy!
      tunedmystic on HN
    • Been really productive using Tailwind myself. Recently re-launched my SideProjectors site (https://www.sideprojectors.com) and was able to get my CSS developed very fast. I have…
      sideproject on HN
  • Utility classes improve productivity and maintainability

    From 3 comments
    • I've found that since using Tailwind I've got a deeper understanding of CSS, got a greater understanding of UI design (Adam Wathan's tutorials are great) and produce and…
      antonkm on HN
    • Tailwind makes it very easy to change theme by changing just a single configuration file: https://tailwindcss.com/#designed-to-be-customized It is very liberating to use Tailwind…
      jasim on HN
    • Awesome, might just give Tailwind a shot finally. Thanks for the great work. I typically use https://basscss.com/, but been meaning to checkout larger Atomic CSS frameworks like…
      keb_ on HN

Objections

  • Utility classes resemble inline styles and hurt maintainability

    From 3 comments
    • While semantic styling has been around for quite a while in different shapes and forms, this is essentially the same as inlining all of your styles in a style attribute on every…
      Etheryte on HN
    • I don't understand frameworks like this. You are basically tying presentation with markup. God forbid you want to create more than one theme for the same HTML!
      bbmario on HN
    • That are some bloated classes. it's no different in inline styling everything to me. I really don't see the benefit in doing it this way. Can you use tailwinds and scss to create…
      thrownaway954 on HN
  • Exported CSS is very large unless purged

    From 2 comments
    • It looks nice, but exported CSS is 880 kB unminified (670 kB minified). Yikes. Is there a way to strip out unused portions of it?
      M4v3R on HN
    • This is awesome! I started using Tailwind for a project. I was a concern with the relatively big size of the framework on a landing page[1]. Then I used purgeCss to only leave…
      adriansky on HN

Requests

  • Generate minimal CSS from selected color and component choices

    From 1 comment
    • Even if compression is the solution for most users, I would love to have a generator on the web site where I can click on "blue" and "orange" (because that's my color scheme and…
      Tomte on HN
  • Showcase Tailwind components in a catalog

    From 1 comment
    • Very nice! I'm hoping that this can be a catalog and discovery tool in the future where we can showcase Tailwind components. Looking forward to it!
      blorenz on HN

Questions

  • Is there a way to strip unused CSS from the export

    From 1 comment
    • It looks nice, but exported CSS is 880 kB unminified (670 kB minified). Yikes. Is there a way to strip out unused portions of it?
      M4v3R on HN
  • Does one need to be a CSS expert to use this

    From 1 comment
    • Do i need to be an expert in CSS first to use this ?
      smnplk on HN

Alternatives named

  • Atomic CSS

    From 1 comment
    • Cool! I've been wanting to try a framework like Tailwind, but I get the feeling I'd like something like Atomic CSS [1] better. It generates classes based on what you use, as…
      dlbucci on HN
  • Tachyons

    From 2 comments
    • The major selling point from my point of view, and the reason why I switched from Tachyons, are components. With that, one can easily compose styles. ``` .btn { @apply…
      cygned on HN
    • Awesome, might just give Tailwind a shot finally. Thanks for the great work. I typically use https://basscss.com/, but been meaning to checkout larger Atomic CSS frameworks like…
      keb_ on HN
  • Basscss

    From 2 comments
    • Awesome, might just give Tailwind a shot finally. Thanks for the great work. I typically use https://basscss.com/, but been meaning to checkout larger Atomic CSS frameworks like…
      keb_ on HN
    • Tailwind is quite nice for raw prototyping. I'm still not how it compares to basscss. I would love a pure scss version of tailwind.
      foobar_ on HN
  • Bootstrap

    From 2 comments
    • I've found that since using Tailwind I've got a deeper understanding of CSS, got a greater understanding of UI design (Adam Wathan's tutorials are great) and produce and…
      antonkm on HN
    • Awesome, might just give Tailwind a shot finally. Thanks for the great work. I typically use https://basscss.com/, but been meaning to checkout larger Atomic CSS frameworks like…
      keb_ on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/20653942)