tailwind-figma VS awesome-tailwindcss

Check out the main GitHub repository to explore other libraries too as well as the Figma design system.

Of course, this meant that we had to "up our game" with the pro version's design system and we have provided updates all the way up to v2.4.1 and we are super close to launching v2.5.0 with countless new components, landing pages, Figma features, and more.

What is Flowbite? svg>

Flowbite is an open-source library of interactive components built on top of Tailwind CSS including buttons, dropdowns, modals, navbars, and more.

Check out this guide to learn how to get started and start developing websites even faster with components on top of Tailwind CSS.p>

Is there a Figma file available? svg>

Flowbite is first conceptualized and designed using the Figma software so everything you see in the library has a design equivalent in our Figma file.

Check out the Figma design system based on the utility classes from Tailwind CSS and components from Flowbite.p>

What are the differences between Flowbite and Tailwind UI? svg>

The main difference is that the core components from Flowbite are open source under the MIT license, whereas Tailwind UI is a paid product. Another difference is that Flowbite relies on smaller and standalone components, whereas Tailwind UI offers sections of pages.

However, we actually recommend using both Flowbite, Flowbite Pro, and even Tailwind UI as there is no technical reason stopping you from using the best of two worlds.

Learn more about these technologies:

• Flowbite Proli>
• Tailwind UIli>

This admin dashboard contains many advanced components both from Flowbite but also from other third-party libraries such as ApexCharts which have been customly tailored with Tailwind CSS classes and designed based on the Flowbite Design System.

🎨 Flowbite Figma: https://flowbite.com/figma/ - Design system built for Figma

You can check out Flowbite Figma which uses variants based on Tailwind CSS.

Flowbite is a Tailwind CSS Design System. They have a Figma Design System that they keep up to date. As well, they dish out components in popular JS frameworks so it saves your devs time. Check out https://flowbite.com/figma

Maybe this Figma design system can help you out from Flowbite built for Tailwind CSS.

After the 10th of August 2021, there will be the Tailwind CSS code available as well, and according to the roadmap (https://tailwind-figma.com/#roadmap) there will be a dark version, marketing UI pages (landing pages), and also e-commerce UI pages in the future.

We can select our favorite button component from the component library list of the project awesome-tailwindcss. Its html is as follows

Also check out this repo for a bunch more resources: https://github.com/aniftyco/awesome-tailwindcss

Documentation lacks a bit for creating plugins and variants. So you can check out source code for variants found in Awesome Tailwind list.

yeah, makes sense. I think after few days of dabbling with it I figured it out. it's a little bit confusing, different from, say, bootstrap... I landed on ui marketing components and didnt' understand the difference/distinction. it's important to realize there are different places with diffferent puposes: https://tailwindcss.com/ https://tailwindcomponents.com/ https://tailwindui.com/ https://github.com/aniftyco/awesome-tailwindcss

-hard to find examples (e.g. navbars), especially so using Django templates. I've found https://github.com/aniftyco/awesome-tailwindcss which could be good.

Awesome Tailwind

Some librarires & themes already exist (https://github.com/aniftyco/awesome-tailwindcss#ui-libraries-components--templates)

add(library): Tailwind UI Kit by aqkhan · Pull Request #337 · aniftyco/awesome-tailwindcss (github.com)