Flowbite Vue screenshot

Flowbite Vue

Author Avatar Theme by Themesberg
Updated: 6 May 2025
868 Stars

Official Vue 3 components built for Flowbite and Tailwind CSS

Categories

Overview:

Flowbite-vue is an open-source collection of UI components, built using Vue and incorporating utility classes from Tailwind CSS. It serves as a useful starting point for developing user interfaces and websites. While the documentation for flowbite-vue is not yet complete, users can browse the components on flowbite.com and visit the Flowbite docs to learn more about the framework.

Features:

  • Open-source collection of UI components
  • Built using Vue and incorporating utility classes from Tailwind CSS
  • Provides a starting point for UI and website development

Installation:

To use flowbite-vue, users need to set up flowbite and install flowbite-vue from npm.

  1. Ensure that Node.js and Tailwind CSS are installed.
  2. Install flowbite as a dependency using npm by running the following command:
npm install flowbite
  1. Require flowbite as a plugin inside the tailwind.config.js file:
module.exports = {
  plugins: [
    require('flowbite/plugins/tailwind')
  ],
}

Summary:

Flowbite-vue is a helpful open-source collection of UI components built using Vue and Tailwind CSS. It provides a starting point for developers to create user interfaces and websites. While the documentation is still in progress, users can access the components on flowbite.com and visit the Flowbite docs to learn more.