Show HN: Uisual – Free Tailwind CSS Components and Templates (No JavaScript)

Show HN: Uisual – Free Tailwind CSS Components and Templates (No JavaScript)(uisual.com)

19 points by henlo 1 year ago | 7 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.

FractalHQ 1 year 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!

meiraleal 1 year 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.

floydnoel 1 year 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.

leonhard 1 year ago | |

Can you elaborate how you usually implement this?

namanyayg 1 year ago |

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

why no js?

pancsta 1 year 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.

henlo 1 year ago | |

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