Show HN: Uisual – Free Tailwind CSS Components and Templates (No JavaScript) (opens in new tab)

(uisual.com)

19 pointshenlo1y ago7 comments

All the components and templates can be copied for free for personal or commercial projects. No sign-up, no attribution required. Simply copy the component and paste it into your Tailwind CSS project, or copy the template to get started.

I'm updating the library every week, so new free Tailwind CSS components and templates will be dropping next week. They're all designed with simplicity in mind, so you can easily customize them yourself. No JS, just plain HTML and Tailwind CSS.

P.S.: I'm a designer, decided to learn Vue JS a month ago with the help of ChatGPT, and this is the result.

7 comments

FractalHQ1y ago

Nice! I still think making your own utility classes is far better in many ways than using Tailwind, but that isn’t the point of this learning project. Congrats!

meiraleal1y ago

I just removed tailwind from a big project (~20k lines) and it was so easy while improving DX, bundle size, etc. I used to love tailwind but that was just me not knowing enough CSS.

floydnoel1y ago

that works fine for solo projects but falls apart in dynamic team environments. much better to have one set of utilities to learn once and use everywhere, i think, than to have to read through hundreds or thousands of lines of CSS scattered across multiple files to figure out what is going on.

leonhard1y ago

Can you elaborate how you usually implement this?

namanyayg1y ago

nice to see more tailwind resources popping up! congrats on the launch

why no js?

pancsta1y ago

This is where the word “progressive” comes from. Its optional. Think like a parser - would you like JS AST to do the same thing as without it? I doubt it.

henloOP1y ago

I just wanted to keep things simple: copy the HTML, paste, done.

j / k navigate · click thread line to collapse