Show HN: Smooth UI, a React UI Library for Humans

So is the key point here a terse syntax for using actual CSS syntax (as opposed to react CSS) to create component wrappers?<p>It’s not really clear what this is.<p>Lack of a giant obvious demo link really annoys me with this sort of thing - “hey look at the code and all these words about our new visual offering”.

Looks nice; very bootstrap-y. With all the component libraries out there today, it&#x27;d be nice to know what&#x27;s different about this one? What does this library solve that others don&#x27;t.<p>Great work!

I hate X for human tagline

So what is this, Bootstrap-remake? Sorry to sound so snarky but I myself have found it a lot easier to just make your own components and not depend on some random 3rd party library. Makes it a lot easier to customize and you might learn a thing or two. Sure it&#x27;s not so easy to create them but once you learn how it pays off.<p>Okay now that I browsed through a little bit of the API it&#x27;s all right, you don&#x27;t have to invent everything by yourself if you use this. But I&#x27;m still adamant that you&#x27;d be better off to maybe rather copy the components to your source than use it as a dependency. Also there&#x27;s no TypeScript support? After a lot of reluctance I&#x27;ve recently come to appreciate how nice TS makes your life when you avoid most of the silly bugs. Yes, sounds funny for most of people who haven&#x27;t used dynamic languages but well... live and learn I guess.

How did this get to front page?

I really don&#x27;t like it when &quot;switch&quot; toggles don&#x27;t let you slide while holding down. if you want a toggle and don&#x27;t want to implement sliding, just use a checkbox. Sliding toggles have a sliding affordance, and when it&#x27;s not there, it screws with me. The buttons don&#x27;t have an :active state either, seemingly, but that could just be limitation of their demo stylesheet.

Anyone else experience odd Textarea resize behavior in the docs for this ? <a href="https:&#x2F;&#x2F;smooth-ui.smooth-code.com&#x2F;#textarea" rel="nofollow">https:&#x2F;&#x2F;smooth-ui.smooth-code.com&#x2F;#textarea</a>

The first example is of a button with poor padding, I&#x27;d fix that ASAP to impress potential users.

I just read (skimmed) through the source code of <a href="https:&#x2F;&#x2F;www.styled-components.com" rel="nofollow">https:&#x2F;&#x2F;www.styled-components.com</a><p>Holy shit there’s a lot of code there. What is it all doing - can anyone summarize?<p>As far as I can tell it’s main selling point is letting you use pure native CSS in reactjs.<p>You can do that anyway in ordinary reactjs by writing:<p>&lt;style&gt;’put your css here’&lt;&#x2F;style&gt;<p>Put that straight into your react code and you can use <i>any native CSS</i> in ReactJS.