Live data from Hacker News

Konsta UI – Mobile UI Components Built with TailwindCSS

konstaui.com

41–50 of 243 posts

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#41

What is it about everyone using Tailwind? It inevitably becomes a mess in every codebase I've used it in; it's like Perl, a write only language. I just use Vanilla Extract (with their Sprinkles API) and call it a day, it uses TypeScript as the preprocessor language and then compiles it to raw CSS, similar to SCSS but without writing SCSS. https://vanilla-extract.style

[flagged]

You can criticize and explain what's wrong with it instead of insulting it.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#42

Earlier quoted context omitted.

[flagged]

Using it wrong on every codebase that wasn't even made by me but instead by my employers? If it's happening that many times, the tool is to blame. More likely that the people who use it and like it (for now) have never have to handle large amounts of components and refactoring them. It's basically impossible. Trends come and go, who's to say that in a few years we decide, like jQuery, that hey, maybe this utility fir…

Then every conceivable tool is to blame, especially within computer science, they’re all definitely used wrong more often than not.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#43

Earlier quoted context omitted.

Using it wrong on every codebase that wasn't even made by me but instead by my employers? If it's happening that many times, the tool is to blame. More likely that the people who use it and like it (for now) have never have to handle large amounts of components and refactoring them. It's basically impossible. Trends come and go, who's to say that in a few years we decide, like jQuery, that hey, maybe this utility fir…

Then every conceivable tool is to blame, especially within computer science, they’re all definitely used wrong more often than not.

Correct.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#44

What is it about everyone using Tailwind? It inevitably becomes a mess in every codebase I've used it in; it's like Perl, a write only language. I just use Vanilla Extract (with their Sprinkles API) and call it a day, it uses TypeScript as the preprocessor language and then compiles it to raw CSS, similar to SCSS but without writing SCSS. https://vanilla-extract.style

I’ve found what you said to be completely untrue unless you’re totally lazy. If you’re building up a bunch of components, the tailwind classes are mainly within the basic components.

In the first example of vanilla extract, it uses exact px measurements which already demonstrates it’s not geared to solve one of the primary selling points of tailwind (using config as a constraint to reduce mental overhead when building things).

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#45

My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile. Wondering if there are plans to add a grid with drag+drop? We're looking to emulate the iOS homescreen where you have a grid of Icons that can be dragged/dropped using https://shopify.github.io/draggable . Having an integrated solution would help us avoid haphazard glue code.

Also check https://daisyui.com/ Which looks great, rather than trying to look like material or ios

After taking a quick look at their documentation page, I noticed that some of the buttons, especially the default secondary and a few of the outline buttons, seem to have a low contrast ratio when viewed in default light mode: https://daisyui.com/components/button/ Hopefully, developers won't use these components as is.

Although I'm not very familiar with Tailwind and its component library ecosystem, I found the DIY approach taken by https://github.com/shadcn/ui to be better suited to my needs. This approach offers greater customization and flexibility in designing UI components, which is where I find the most enjoyment in building UI. Of course, pre-built component libraries like OP can provide a quicker solution if resources are limited.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#46

I originally thought it was something like DaisyUI but for React Native with NativeWind, but this seems quite different, and almost a little strange haha. I'm very impressed by the polish of the project but am curious about the main use case for a library like this. (I guess, in what situation would one want a webpage to feel like a system native app? Potentially this paves the way for PWAs?)

> in what situation would one want a webpage to feel like a system native app? When one has an app that can function as an SPA, wants to distribute outside of app stores but still give a native visual presentation. Currently working on such a side app myself right now. And that I can use this and continue implementing in Vue is a big plus for me. Konsta UI looks exciting but their Framework7 App Framework looks even…

I used Framework7 for an app. It was good. I hadn't realised the dev had pulled out the UI library into a standalone project.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#47
post #5

I'm trying not to be a hater but really how is this: https://github.com/konstaui/konsta/blob/master/src/shared/cl... better than css or even css in js

I don't write CSS (normally) and yet I understand every single statement, and can easily find which statement I'd need to change for a given. It's that simple. You could argue "well you should learn CSS!" but at the end of the day, I don't need CSS often enough to want to bother. Frameworks like TailwindCSS have been great for people like me. - Also you went and dug into its guts to find the implementation details, t…

Also, you can find a lot of Tailwind templates/components and they just work. You don't have to worry about a snippet clashing with or overwriting some other CSS you have like you would with plain HTML/CSS snippets.

Sure, HTML looks uglier when I add a dozen classes to an element instead of adding one class with a dozen of CSS rules, but I'm more than willing to accept that as a compromise.

Overall, Tailwind made frontend design more accessible to me than it ever was, and I never have to use `!important` again.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#48

Earlier quoted context omitted.

[flagged]

I see the Tailwind fans come out on any criticism of their library. I posted my comment a few minutes ago and already got a few combative comments almost immediately afterwards.

Yeah because you’ve jumped in on the attack on a post about something built with a tool that clearly gives a lot of people joy, in order to hawk your own thing. Getting whiny about people defending their own thing in response is kind of disingenuous.

People got tired of vue people continuously doing the same thing about anything vaguely related to react, too.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#49

What is it about everyone using Tailwind? It inevitably becomes a mess in every codebase I've used it in; it's like Perl, a write only language. I just use Vanilla Extract (with their Sprinkles API) and call it a day, it uses TypeScript as the preprocessor language and then compiles it to raw CSS, similar to SCSS but without writing SCSS. https://vanilla-extract.style

I’ve found what you said to be completely untrue unless you’re totally lazy. If you’re building up a bunch of components, the tailwind classes are mainly within the basic components. In the first example of vanilla extract, it uses exact px measurements which already demonstrates it’s not geared to solve one of the primary selling points of tailwind (using config as a constraint to reduce mental overhead when buildin…

And have you had to work on hundreds of components that you had to refactor before? It's a write only language.

> I’ve found what you said to be completely untrue unless you’re totally lazy.

Ah yes, the laziness argument. Let's not blame our tools but ourselves for the tools are always good and righteous. If only those darn C programmers weren't so lazy writing their memory leaks.

Re: Konsta UI – Mobile UI Components Built with TailwindCSS

#50
post #5

I'm trying not to be a hater but really how is this: https://github.com/konstaui/konsta/blob/master/src/shared/cl... better than css or even css in js

You want to see that. You immediately see how an element is styled without any hidden CSS that has applied styles through cascading. You immediately know what to change and where when you need to update it, without it indirectly affecting other elements. It's self-contained and you can copy paste it everywhere without any dependencies.
Post reply on HN