Level 73
There is TailwindUI https://tailwindui.com/ where you can get lots of different components and themes
Jul 1, 2024
10
Level 1
Fast tailwind ui design
I have been a Laravel developer for three years. However, I struggled to find clients, so I moved to frontend development. Now, as a frontend developer, I'm encountering issues with designing in Tailwind UI. I want to know if there's a way to increase the speed of developing Tailwind UI pages or if there's an AI tool available to convert images into Tailwind code. I've seen some tools, but they haven't been good enough.
Level 1
@Tray2 is it free, as a pakistani i can't afford to buy.
I earn in pkr not in dollar
Level 73
@abdulrehman176617 No, it cost a bit, but worth every penny.
Level 51
@Tray2 I wouldn't recommend it for a new comer to Tailwind. There are free component example to see how things are done in Tailwind.
For example: https://tailwindcomponents.com/
Level 73
@MohamedTammam True, those are an option as well, but the TailwindUI ones are really good.
1 like
Level 73
@abdulrehman176617 This is also a good place to start https://www.beginnertailwind.com/
Level 51
What do you mean by "increase the speed of developing Tailwind UI pages"? What's slowing you?
In general should try to add the design colors, font sizes, etc. to your Tailwind configs and use components for not repeating the work.
For my experience, There are some tools, but as you said, they're not good enough.
For example: https://www.builder.io/c/docs/import-from-figma
Level 1
@MohamedTammam As a backend mindset and new to css and tailwind css i m slow
Level 51
@abdulrehman176617 That's fine, everyone starts there. Just add design variables to Tailwind config and use components and that will speed the work noticeably.
Level 75
@abdulrehman176617 speed comes with experience. Purposely be slow at first to learn correctly.
Please or to participate in this conversation.