@themesberg/flowbite

FlowBite - Tailwind CSS Components Library

FlowBite is an open-source set of UI components and elements built with the utility-first Tailwind CSS framework. It includes multiple components such as buttons, alerts, modals, dropdowns, cards, navbars and many more.

Documentation

We recommend you to read the documentation and follow the instructions directly from there as you will be able to find everything from getting started, browsing the components and building for production.

Quickstart

There are multiple ways that you can include it into your project.

Require via NPM

Make sure that you have Node.js and Tailwind CSS installed.

• Install Flowbite as a dependency using NPM by running the following command:

npm i @themesberg/flowbite

• Require Flowbite as a plugin inside the tailwind.config.js file:

module.exports = {

    plugins: [
        require('@themesberg/flowbite/plugin'),
    ],

}

• Include the main JavaScript file to make interactive elements work:

<script src="../path/to/@themesberg/flowbite/dist/flowbite.bundle.js"></script>

If you use Webpack or other bundlers you can also import it like this:

import '@themesberg/flowbite';

Include via CDN

The quickest way to get started working with FlowBite is to simply include the CSS and JavaScript into your project via CDN.

Require the following stylesheet inside the head tag:

<link rel="stylesheet" href="https://unpkg.com/@themesberg/flowbite@latest/dist/flowbite.min.css" />

And include the following javascript file before the end of the body element:

<script src="https://unpkg.com/@themesberg/flowbite@latest/dist/flowbite.bundle.js"></script>

Upgrade to pro

There is also a pro version of FlowBite available featuring more components, an application UI layout, marketing UI pages, e-commerce pages and also Figma design files.

Check it out here: flowbite.com

License

The FlowBite components library is open-source under the MIT License. Find out more by clicking here.

Contributions

Flowbite is an open source library under the MIT license and anyone who would like to contribute to the codebase or design is welcome to do so.

Please reach out to us via the official Github repository and the main development team will get in touch as soon as possible.

Authors & contributors

• Zoltan Szogyenyi (web developer)
• Robert Tanislav (web designer)
• Victor Cordos (web developer)