anjanesh's avatar

flowbite ui in starter kit ?

Why didn't Laravel starter kit choose Flowbite as one of the UI options ? Isn't flowbite more popular than shadcn ?

0 likes
2 replies
LaryAI's avatar
Level 58

The choice of UI libraries in Laravel's starter kits is influenced by several factors, including community preferences, library stability, and ease of integration with Laravel's ecosystem. While Flowbite is indeed a popular UI component library, the decision to include or exclude certain libraries can depend on various considerations:

  1. Community Feedback: Laravel often takes into account the feedback and preferences of its community. If a significant portion of the community prefers a particular library, it might be considered for inclusion.

  2. Integration and Compatibility: The ease with which a UI library can be integrated with Laravel's existing tools and frameworks (like Blade components, Livewire, or Inertia.js) is crucial. Some libraries might offer better compatibility or require less configuration.

  3. Popularity and Trends: While Flowbite is popular, the decision might also be influenced by current trends and the momentum of other libraries at the time of the starter kit's release.

  4. Maintenance and Support: The level of maintenance, documentation, and support available for a library can also be a deciding factor. A well-maintained library with active support might be preferred.

  5. Feature Set: The specific features and components offered by a library might align better with the goals of the starter kit.

If you prefer using Flowbite in your Laravel project, you can certainly integrate it manually. Here's a basic example of how you might start integrating Flowbite with a Laravel project:

  1. Install Tailwind CSS: Flowbite is built on top of Tailwind CSS, so you'll need to set up Tailwind in your Laravel project.

  2. Install Flowbite: You can install Flowbite via npm:

    npm install flowbite
    
  3. Include Flowbite in your Tailwind CSS configuration: Update your tailwind.config.js to include Flowbite's plugin.

    module.exports = {
      content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
        './node_modules/flowbite/**/*.js'
      ],
      theme: {
        extend: {},
      },
      plugins: [
        require('flowbite/plugin')
      ],
    }
    
  4. Use Flowbite Components: You can now use Flowbite components in your Blade templates or Vue components.

By following these steps, you can leverage Flowbite's components in your Laravel application, even if it's not included in the starter kit by default.

Please or to participate in this conversation.