I spent €300 on TailwindUI, I think it's been my best ever purchase...
It's a lot of money up front but as a React Developer it's saved me so much time, the ROI has been unreal! Has anyone licensed it? I'd love to know what you think.
Trending on Indie Hackers
I was very tempted to do the same, but it was too expensive for me. Instead, I fell back on Flowbite (https://flowbite.com), which comes with a decent amount of components for free (and templates in its paid version).
<3
Hey man, are you a frontend developer?
No, I am more of a backend developer. ;)
I like your graphme website, how did you build it?
It's built using Astro, a static website generator. Styling is done using Tailwind and some components from Flowbite. The skeleton of the landing page comes from the Landwind template but I changed quite some stuff (fonts, colors, rotating text, etc.). I designed on my own the skeleton of the documentation section, while still using styles from Flowbite and taking as an inspiration other docs website (such as Docusaurus).
Source code for the website is public if you are interested: https://github.com/graphme-app/website
Wow - thanks man for sharing that!!
Can we have a call I want to chat with you about some stuff
Not very available this week (and my availability may depend on your timezone also!), but feel free to drop me an email at [email protected] with your questions - will see what I can do to help!
Thanks for the recommendation!
I started to use
tw-classed(https://tw-classed.vercel.app/) for my react components with tailwind. That's the one thing that holds me back buying TailwindUI.What are the main benefits for you? The react components or the design ideas or something else?
I didn't know about this. This is so awesome!🔥
I've purchased it too. I think their templates are limited and not growing fast enough. Piecing together components impacts cohesiveness.
Yeah that's fair. I'm fairly new to it but have used it for 3 projects and was able to re-use a lot once I had pieced them together myself. It's definitely saved me quite a bit of time and even if it gets you back 25 hours, that's still a great ROI.
Yeah, I can certainly see how you can reuse it once you piece it together once. I'm looking forward to my first project beyond MVP using these.
I have been using Bootstrap for long time but have had my eye on TailwindUI for a while. The main blocker was the price, $249 is a lot when you aren't sure about it. However I notice I spend way too much time fiddling around with the current landing page for my project.
There are other Tailwind offers out there except for TailwindUI. Not sure how they compare.
One thing that did turn me a bit off is that there aren't any pre-defined styles for buttons, alerts and so like you get with Bootstrap.
Take a look at https://versoly.com/versoly-ui it lowers the learning curve while still giving you the full power of Tailwind.
I bought it too a few years ago and using it for Beanvest : Awesome value for the money, it's a no-brainer for me.
Your logo is unreal! 👏
Haha that’s exactly what I thought too
Your logo is awesome (agree with the other comments about it)!
Where do you get the data on all the stocks, ETFs etc? Are there APIs that we can pay for commercial use that are affordable?
The main problem with those types of frameworks is that most end-products eventually look exactly the same. Nothing against Tailwind but it's a bad practice to just copy everything from Tailwind UI as-is...
I'm in the same boat. I started a few projects that I quit after a month or two because after two months I was still fiddling with the app structure and the UI.
This time I used Divjoy and TailwindUI and was able to build the UI for CloudPurse in like a weekend. This way I could focus on the unique features.
What is the best way to build a SAAS landing page?
Like tailwind a lot, but still can't get over the idea of having long list of CSS classes in HTML 😅
Its on per component basis so the paradigm is different if you have it all in one index page.
Hey, that looks like a great recommendation! I was going to create lots of components myself to create a series of SaaS website, but it looks like this is just what I need. I've been using Material UI, but their paid templates seem to operate on a per-site basis, whereas the TailwindUI ones are unlimited.
I presume they have some kind of Discord support group?
Hey, thanks for the insight! 😄
I am a chakra-ui user and have considered sometimes trying tailwind. Is it worth the change?🤔
I have tried TailwindUI for one of my project it's really amazing! with little experience on web development i still able to deliver few screens.
I am a mobile app developer, I've helped mobile app teams by delivering 3000+ UI screens and now managing productized service for the same. by going through all comments on this post I am getting more details on what I can include in my mobile app UI service.
Same. I was super hesitant to purchase it at first, but it's been worth every penny. Plus they keep adding more content to it.
Not only does it save lots of time coding. But it also speeds up my design process for new app ideas. I can use their components as building blocks and come up with a great looking app UI in a few hours.
I'd also recommend checking out their book: RefactoringUI. Another invaluable purchase.
I was a little hesitant to buy it at first but I'm so glad I did. Well worth it!
As a backend dev, I've always struggled with CSS (well, I still do) but Tailwind UI got me up and running so fast. There's a bit of a learning curve but once I got over it, I was adding
hover:opacity-90everywhere.I'm even using their Salient template for my very first project: https://moneysavvy.ca
Yeah, TailwindCSS is the future and tools like TailwindUI and Flowbite allows to move so much faster and improvise your ideas.
I've invested into both and constantly get surprised with new updates and components.
My 12 points go to Flowbite in the end, because of much more flexible licensing from what I understand.
Looking forward for more development in the space in general in next few years.
TailwindUI looks great.
I personally use MUI components in BudgetSheet for the sidebar that is displayed in Google Sheets. Fully styled and theme-able React components ready to go. I also use Tailwind along with them and can easily customize any component by supplying extra Tailwind classes to it. It's been amazing, and most of MUI is free (I only use the free stuff so far).
MUI Components: https://mui.com/
TailwindUI are great templates, absolutely worth the value, well designed and could save a lot of time.
Whenever I quickly want to implement some functionality though I a constantly missing the fact that you have to do everything yourself in terms of simple ui-components(buttons, sliders, checkboxes, dropdown, models, toasts... etc) and interactions. Daisy UI or MUI are helpful there but they feel very opinionated and lock you into a design language.
Coming from iOS development or even before Windows Development I feel like I am missing something? Developing for those platforms felt way easier as you could simply build something that was decent, with functionality, and then tweak the UX to polish and make it shine.
In React land I feel like I have to sacrifice either follow the opinionated framework and sacrifice on specific UX/UI optimisations. Or do everything myself and spend countless hours doing the basics over and over again.
I am relatively new to the React landscape, tying Vue before and now NextJS. So there is probably a blindspot I am having.
Nice
Me too! It's amazing. Working with React, TW UI, and TW CSS is a dream for modern web dev.
Also highly rate https://www.refactoringui.com
I use https://daisyui.com/
And it works pretty well for something free.
I licensed it as well! Totally worth it - it's like the "doing things that don't scale" version of design/css.
It may not be the "technically correct solution", but it's just soooo much faster I'm not sure I'll ever go back.
So true! I always thought that a designer like me wouldn’t need a UI kit, but honestly, they are super great for a good foundation!
Thanks for the recommendation. Usually I start with templates from https://www.creative-tim.com/ when starting with a front-end.
Do you use full-on templates from TailwindUI or just focus on using the components and incorporating them in your web app? To save time in development.
I use their templates and then modify them but once you have a few, they're very reusable. I use the Application Page Shell's which alone are a massive time save... and then if I'm using a table or something it will generally require quite a bit of my own work.
the lack of direct Angular support is a bit of a letdown compared to other UI kits, but the polish and quality of TailwindUI's templates + components is really high - about what you'd expect from the creators of the framework!
I don't think Tailwind would exists if it would not be for React. I don't see Tailwind will get popularity on Angular or Vue. Maybe I am wrong but I just don't see why I would use Tailwind approach when I have separation of concerns.
Same, it's a great investment. Absolutely worth it.
Why would you choose Tailwind over bootstrap? Just curious
I wrote a blog post about this a few months ago: https://flowbite.com/blog/tailwind-css-vs-bootstrap/
It's a lot more customisable than Bootstrap. It's all just css which has been styled using the TailwindCSS syntax so it's really really easy to work with and stylize.
I thought at first that you are Adam Wathan (Tailwind founder) 😬
😂
Didn't use TailwindUI yet but definitely gonna check it out.
I'm currently using daisyUI (https://daisyui.com/) which works perfect for my needs.
I started with DaisyUI but must say, I found TWUI a major step up. However, I didn't give a huge amount of time to it, so that could just be because of me.
Same here! The best part that you do not spend hours on a gradient button shadow with it. I am 10x more effective. Btw, I can still do that cool gradient shadow later, when I will have users (or not)
On my team we are Tailwind experts and can create anything from Figma to code.
Whoever needs something like that, we can chat whenever they want. We have the most affordable hourly rate on the market, real.
And yes, responding to the topic, TailwindUI is a great satisfaction. I have also tried TUK but the previous one seems more complete to me.
Happy New Year 2023!
It's a good source of inspiration for me.
Most of the time I have to come up with something custom so it's not always the most straightforward solution.
How does it compare to https://tailwinduikit.com/? I'm very close to buying one of those two. Have anyone tried TUK?
Wow, love this set of components
TailwindUI has 10x'd my productivity as a solo-founder and builder - I'm with you 100% on that!
I liked the Tailwind CSS. Its easy to use and great library of components as well. But due to that bloated HTML, I prefer using Sass over it.
To all Tailwind users,
Do you feel comfortable working with that tons of HTML?
They do a good job of reusing content so I have built up a library which I can easily switch in and out...for example, any input or button that they have in any of their templates I will delete that and copy and paste in a component. It cuts down on the html a lot and they write syntax better than me, all of the built in stuff they have for hiding and showing menus etc is amazing.
This comment has been voted down. Click to show.