flowbite-react
tailwind-figma
flowbite-react | tailwind-figma | |
---|---|---|
13 | 13 | |
1,696 | 66 | |
2.3% | - | |
9.3 | 0.0 | |
9 days ago | over 2 years ago | |
TypeScript | ||
MIT License | Creative Commons Zero v1.0 Universal |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flowbite-react
-
Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite
To get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component.
-
Tailwind Component Library - Which one do you use?
Yeah, the Flowbite React library and community already has this in the works and will be updated accordingly.
-
State of Flowbite: learn more about our results from 2022 and what we plan to build this year
The open-source Flowbite libraries such as Flowbite React, Flowbite Svelte, and Flowbite Vue have been nicely growing in terms of number of components, functionality, documentation, and also usage.
-
Suggestions for functional React UI libraries?
You can check out Flowbite React.
-
How to install Gatsby with Tailwind CSS and Flowbite
You can either use the core vanilla JS and static HTML components from the Flowbite Library or you can import dedicated React components such as the Alert, Modal, or Navbar from the Flowbite React library.
-
How to install Remix with Flowbite and Tailwind CSS
Flowbite React is a free and open-source library of UI components based on the Flowbite design system that allows you to plug-and-play interactive and responsive React components such as modals, navbars, dropdowns, and more directly inside your Remix and Tailwind CSS configured project.
-
GDPR does not allow you to store dark/light mode inside local storage
Also not a lawyer, but I think it would technically count as personal information because it's a preference. Even if it's to provide functionality requested by the user, it would still be necessary to inform the user that this preference is being stored, etc.
However, I agree to your second point, that asking the user's browser to store the information, and then have the browser make decisions based on that without anything being shared back probably does not violate GDPR as it wouldn't count as 'processing'.
It would seem (although, without a deep dive into the codebase, I can't be 100% sure) that the tool just adds a class to the body: https://github.com/themesberg/flowbite-react/blob/765fedb3c9...
If this is the case, I think it unlikely that this would be found to be a GDPR violation as Flowbite (or the company which has deployed Flowbite) would not normally be able to detect this preference.
It would be different if for example the preference caused a different stylesheet to be downloaded, which could then be combined with server logs, but overall, it seems as though all of the processing of the data (whether you consider it personal or not) is done entirely on the user's computer, and there would be no processing of any data by the company which has deployed Flowbite, therefore it would not open up any GDPR liability.
Once again though, IANAL.
-
Your experience with Flowbite’s React components? I’m disappointed
The package is handling state, styling and more https://github.com/themesberg/flowbite-react/blob/main/src/lib/components/Tab/Tabs.tsx
-
How to install Tailwind CSS inside a Next.js project
Flowbite React is an open-source set of interactive React components based on the Tailwind CSS utility-first framework featuring interactive elements such as modals, navbars, dropdowns, carousels, and more.
-
Is MaterialUI the best layout kit?
There is another newcomer called Flowbite React.
tailwind-figma
-
Show dev: Flowbite Svelte - Open-source UI component library
Check out the main GitHub repository to explore other libraries too as well as the Figma design system.
-
State of Flowbite: learn more about our results from 2022 and what we plan to build this year
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.
-
Learn how to install SolidJS with Flowbite and Tailwind CSS
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>
-
Show: Open-source admin dashboard with Tailwind CSS and Flowbite
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.
-
Introduction to Flowbite / Community rules
🎨 Flowbite Figma: https://flowbite.com/figma/ - Design system built for Figma
-
Is there a TailwindCSS Figma template? (Paid or free)
You can check out Flowbite Figma which uses variants based on Tailwind CSS.
-
Our team is scrapping everything and building in new tech stack. I want to get ahead of the curve and build a design system right.
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
-
Does anyone have a Figma file with TailwindUI design defaults and tokens already set up? I'm mostly interested in Tailwind Prose - I want to have all the default typography copied from it, but I'm new at both figma and tailwind, and I'm not sure how to do this right.
Maybe this Figma design system can help you out from Flowbite built for Tailwind CSS.
-
The Best Web Tools & Services In 2021
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.
- Show HN: Figma design kit for Tailwind CSS
What are some alternatives?
flowbite-admin-dashboard - Free and open-source admin dashboard template built with Tailwind CSS and Flowbite
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
boring-avatars - Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette.
dockview - Zero dependency layout manager and builder with ReactJS support
mitosis - Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.
antd - An enterprise-class UI design language and React UI library
awesome-tailwindcss - 😎 Awesome things related to Tailwind CSS
primereact - The Most Complete React UI Component Library
css.gg - 700+ Pure CSS, SVG, PNG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API and 6000 glyphs
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
phinger-cursors - Most likely the most over engineered cursor theme.