{"repo":"themesberg/flowbite","free":true,"listed":false,"github":"https://github.com/themesberg/flowbite","clone":"git clone https://github.com/themesberg/flowbite.git","description":"Open-source UI component library and front-end development framework based on Tailwind CSS","language":"HTML","stars":9317,"topics":["css","html","tailwindcss","components","design-system","ui-components","ui-library","ui-framework","javascript","figma"],"license":"MIT","category":"ui-components","readme_excerpt":"Build websites even faster with components on top of Tailwind CSS ------ Table of Contents - Table of Contents - Documentation - Getting started - Install using NPM - Include via CDN - Bundled JavaScript - Data attributes - Init functions - ESM and CJS - TypeScript - RTL support - JavaScript Frameworks - Back-end Frameworks - Components - Figma Design System - Flowbite Blocks - Flowbite Icons - Flowbite GPT - Pro version - Hire us - Learn Design Concepts - Community - Copyright and license Documentation For full documentation, visit flowbite.com. Getting started Flowbite can be included as a plugin into an existing Tailwind CSS project and it is supposed to help you build websites faster by having a set of web components to work with built with the utility classes from Tailwind CSS. Install using NPM Make sure that you have Node.js and Tailwind CSS installed. This guide works with Tailwind v4. 1. Install Flowbite as a dependency using NPM by running the following command: 2. Import the default theme variables from Flowbite inside your main input.css CSS file: 3. Import the Flowbite plugin file in your CSS: 4. Configure the source files of Flowbite in your CSS: 5. Include the JavaScript code that powers the interactive elements before the end of your tag: Learn more about the Flowbite JavaScript API and functionalities in the JavaScript section. If you have and old project with Tailwind CSS v3 then check out this guide to learn how to upgrade to v4. Include using CDN The quick","default_branch":null,"files":null,"tree":[],"storefront":"/r/themesberg","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/themesberg/flowbite/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}