Flowbite 2.0 — Open-source ecosystem built on top of Tailwind CSS

Zoltán Szőgyényi

Flowbite

Featured

•

2yr ago

Flowbite is an ecosystem of open-source libraries, tools, and products built around Tailwind CSS consisting of a Figma design system, component library, website section and page templates, and other tools.

Replies

Best

Zoltán Szőgyényi

Flowbite

Maker

Hey Product Hunt 👋 One year ago we introduced the first version of Flowbite and it ended up being the #1 product of the day and the 4th of the week. At that point in time, Flowbite was only the beginning of an ecosystem of products and tools built around Tailwind CSS. Today I want to show you the second version of Flowbite which introduces a more complete picture of what the ecosystem is to become including completely new features and updates to existing ones: 📚 Flowbite Library - Open-source components built with Tailwind CSS 🎨 Flowbite Figma - Design system built for Figma 🧱 Flowbite Blocks - Building sections for website and applications 💎 Flowbite Pro - A larger collection of the open-source version of the latter three Flowbite Library (view docs) With the first commit being made over one year ago and with over 3,000 stars on the GitHub repository it is currently one of the most popular component libraries built on top of Tailwind CSS featuring hundreds of interactive UI components such as navbars, modals, dropdowns, and more. It is open-source under the MIT license and because of this it's a main driver of the community growth and contributions to the library. The library also hit over 1 million downloads on NPM a few weeks ago, and it is currently trending over 58,000 downloads per week. 📹 Here's a video with Florin Pop using one of the earlier versions of the library. Flowbite Figma (view presentation) Originally called Tailwind Figma, it was in fact the first iteration of what Flowbite is now currently and we launched it over 2 years ago on Product Hunt, ending up #1 product of the day as well. It's a complex design system built in Figma featuring variants, auto layout, grids, dark mode, responsive devices, and all of this is built for integration with the Flowbite Library and the utility classes from Tailwind CSS. 📹 Here's a video Arnau Ros using one of the first versions of the design system which has advanced a lot since then. Flowbite Blocks (view collection) One of our latest release for the Flowbite ecosystem is the blocks system collection which currently consists of over 250 website sections built for marketing purposes (ie. hero sections, pricing sections), applications (CRUD layouts, sidebars), and even publishing (ie. blog layouts, articles). This was a huge success when launched to our community as we see more and more developers and designers using these block sections complementary to the Figma design system and the library. 📹 Adrian recently did a great job showing how these block sections can be used when building a website from scratch. Flowbite Pro (view presentation) The pro version of Flowbite allows you to unlock all of the collection of Flowbite Blocks, the full version of the Figma Design System, and a few others dashboard layout templates and code snippets. This is a way for the open-source community to support us to keep developing the Flowbite ecosystem with new designs, code, and tools. Credits I would like to give special thanks to all of our community members who have provided feedback, opened up PRs, actively contributed to the open-source library including Flowbite React, Flowbite Vue, Flowbite Svelte, and Flowbite Angular. Also a special shoutout to our partners from Creative Tim, AppSeed, SiteGlide, UPDIVISION, Simmmple, and Prepr for collaborating even more than just the open-source contribution of the libraries and software. PS: you can follow me on Twitter for more frequent updates regarding Flowbite.