Show HN: Flowbite – Tailwind CSS Components Library • Hacker News Board

Re: Show HN: Flowbite – Tailwind CSS Components Library

#51

Post by dmlittle » Fri, Sep 17, 2021, 3:32 PM UTC

zoltanszogyenyi wrote: post #35

tmikaeld wrote: post #34

Earlier quoted context omitted.

Do the pro version allow re-use in templates?

Please read the full licensing terms for the pro version here: https://flowbite.com/license .

You pretty much copy pasted the Tailwind UI license word for word and replaced a few Tailwind UI-specific words with yours.

Components => download files

Tailwind UI components => FlowBite elements

Tailwind Labs Inc. => Crafty Dwarf LLC

Tailwind UI License: https://tailwindui.com/license

Flowbite License: https://flowbite.com/license/

Re: Show HN: Flowbite – Tailwind CSS Components Library

#52

Post by vehemenz » Fri, Sep 17, 2021, 3:55 PM UTC

Tade0 wrote: post #5

kaishiro wrote: post #4

Earlier quoted context omitted.

Doesn't look all that different from your own site: https://i.ibb.co/VWxZdhr/rado-bg.png

Actually, this here is semantic HTML. The previous example is not.

In which contexts would it matter whether one used article instead of div?

If you're on a screen, it makes no difference.

If you use a screen reader/braille display, you will only be informed about a small subset of "semantic" html elements, such as headings, lists, links, and tables.

If you think it matters for "XML" reasons, well, it's not 2006 anymore.

Re: Show HN: Flowbite – Tailwind CSS Components Library

#53

Post by mamcx » Fri, Sep 17, 2021, 4:02 PM UTC

axelut wrote: post #16

From a design perspective this looks really good, I like the components, the typography, the generated pages from Figma etc. Also the documentation seems to be clean and user-friendly. It's way better than most of the docs. From the development perspective and from other comments that are here, and also from many articles like: https://dev.to/jaredcwhite/why-tailwind-isn-t-for-me-5c90 or https://dev.to/neophen/tailwi…

TailwindCSS is the biggest jump in productivity for me in years.

I think where it shine most is when you are making your own UI and need to deploy different components/customizations, ie: If you are doing a single page site is not that obvious "why is like this?", but generating UIs on the fly for a admin backend and suddenly THIS IS THE WAY!.

TailwindCSS is like static types for UI. Note:

     == fn sum(a,b)

     == fn sum(a:U16,b:i32):Result

The "verbosed" nature of both cause some hate, but you will appreciate it the more big/complex the project is.

What you get with tailwind is exact understand of each component and how it will look based on their "types"/classes.

What you get with others like bootstrap is too abstract/implicit looks that you can't figure at a glance. So, tailwinCSS like static typed programming is optimized for "a glance"/local understanding.

What is also very counterintuitive is that my tailwind pages are LESS heavy than boostrap! (true for html and CSS)

Re: Show HN: Flowbite – Tailwind CSS Components Library

#54

Post by vehemenz » Fri, Sep 17, 2021, 4:24 PM UTC

Tade0 wrote: post #23

mcntsh wrote: post #19

Earlier quoted context omitted.

Interesting, I'd ask you why. Anecdotally I've built hundreds of websites, and worked on many product teams building web applications all with varying team/product sizes and in my experience BEM scales very poorly. I have never worked on a BEM codebase without a shocking level amount of tech debt. Adding new UI requires creating new CSS files, refactoring existing UI requires also refactoring the separate CSS files,…

Adding new UI requires creating new CSS files, refactoring existing UI requires also refactoring the separate CSS files, removing UI is the same thing. Due to this disconnect, old code tends to stick around. To me this says more about the development practices of that team than about BEM. Chiefly you should be able to automatically determine if a given block, element or modifier is still used/needed. How did they win…

Anyone who is still comparing Tailwind to inline styles in 2021 is probably not as experienced as they think they are.

Re: Show HN: Flowbite – Tailwind CSS Components Library

#55

Post by tomtheelder » Fri, Sep 17, 2021, 8:41 PM UTC

wizzzzzy wrote: post #46

mcntsh wrote: post #40

Earlier quoted context omitted.

We keep all of our components in template files so it's quite easy to maintain for us. If we need to change all of the buttons across the app, we just update the Button component.

I also was using component tempalte files although the issue was apparent when returning to any component with any degree of complexity. Regular CSS class names tend to give you a bit of an insight into the role of each div whereas atomic css requires you to parse each line to understand it's role which gets a bit tiring after a while. I tried extracting the strings of atomic class names to variables as a sort of hyb…

IMO you can and should still add useful class/id names to explain what your elements are doing. Those just won't have any styling associated with them.

Re: Show HN: Flowbite – Tailwind CSS Components Library

#56

Post by claviska » Sat, Sep 18, 2021, 1:00 AM UTC

nanna wrote: post #20

Question: are there any mature CSS component frameworks out there aside from Bootstrap and Bulma? And why aren't there more?

Not a framework, but a web component library I maintain: https://shoelace.style

Re: Show HN: Flowbite – Tailwind CSS Components Library

#57

Post by raunometsa » Sat, Sep 18, 2021, 6:35 AM UTC

I see you have a paid version? I'm curious if you're making any revenue with this already?

Re: Show HN: Flowbite – Tailwind CSS Components Library

#58

Post by zoltanszogyenyi » Sat, Sep 18, 2021, 8:14 AM UTC

raunometsa wrote: post #57

I see you have a paid version? I'm curious if you're making any revenue with this already?

Yes, we're making enough to that we can continue developing the project.

Re: Show HN: Flowbite – Tailwind CSS Components Library

#59

Post by skilled » Mon, Sep 20, 2021, 7:25 AM UTC

You actually spent $3,500 to buy this domain name? Business must be good.

Re: Show HN: Flowbite – Tailwind CSS Components Library

#60

Post by alessiosantocs » Fri, Oct 01, 2021, 2:17 AM UTC

Guys, do you realize there are 12 classes to define 1 frickin default button? When all you need is btn btn-primary this tailwind CSS thing seems like a bunch of nonsense to me. Sure it's great to see a lot of ready made html components and it's tempting to just grab one and get a head start - and it might just work well for a landing page (I've used tailwind exactly for this) but for full blown applications? Using these components is just madness.