# Flowbite — card for AI agents

Open-source Tailwind CSS component library (MIT) with copy-paste HTML components, plugin JS and framework guides; a paid Flowbite Pro adds blocks and templates.

Category: UI kits and website templates · maker Bergside Inc. (Themesberg) · checked 2026-10-21 · style: minimal, flat, corporate

## Price
- Price: Free tier
- Free tier: Open-source library and components are free under MIT; Flowbite Pro is paid.

## License
MIT (open-source library); Flowbite Pro under a separate EULA — https://flowbite.com/docs/getting-started/license/

- commercial: **yes** (Commercial use OK)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://flowbite.com/docs/getting-started/license/)
- attribution: **no** (No credit needed)
  > The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  (https://flowbite.com/docs/getting-started/license/)
- in app: **yes** (Can ship inside your app)
  > Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
  (https://flowbite.com/docs/getting-started/license/)

## Rules to follow
- Keep the MIT copyright and permission notice in copies of the library code.
- Flowbite Pro is not MIT; its EULA applies. Do not copy Pro blocks into a site without a Pro licence.
- The Flowbite name and logos are trademarks of Bergside Inc.

## How an agent gets files
- npm install flowbite (Tailwind v4 plugin), or CDN flowbite.min.css and flowbite.min.js from cdn.jsdelivr.net/npm/flowbite; copy component HTML from flowbite.com/docs/components/. Official MCP: npx flowbite-mcp. Repo has llms.txt. (sign-in: none)
- Formats: html, css
- Not allowed: MIT covers the open-source library only; Pro is under the EULA
- Not allowed: Docs text is CC BY 3.0 (not the code)

## Next.js (official example, https://flowbite.com/docs/getting-started/next-js/)

```
npx flowbite-react@latest init

// app/page.tsx
import { Button } from 'flowbite-react';

export default function Page() {
  return <Button>Click me</Button>;
}
```

## Next.js (official example, https://flowbite.com/docs/getting-started/next-js/)

```
// app/layout.tsx
import { ThemeModeScript } from 'flowbite-react';

export default function RootLayout({ children }) {
  return (
    <html suppressHydrationWarning>
      <head>
        <ThemeModeScript />
      </head>
      <body>{children}</body>
    </html>
  );
}
```

## React (official example, https://flowbite.com/docs/getting-started/react/)

```
npx flowbite-react@latest init

import { Button } from "flowbite-react";

function App() {
  return <Button className="bg-red-500 hover:bg-red-600">Custom Button</Button>;
}
```

## How to connect
- Official MCP server
- MCP server (official): https://flowbite.com/docs/getting-started/mcp/
- npm: `npm install flowbite`
- Repository: https://github.com/themesberg/flowbite
- Website: https://flowbite.com

## Notes
Docs mention Flowbite GPT and an LLM page at /docs/getting-started/llm/.

## Numbers (AgentGid data)
- Gid Score: 43.0
- GitHub stars: 9,365
- Downloads last week: 321,885
- Used in 9 public projects set up for AI coding agents

## Lines to paste into your prompt or AGENTS.md

```
- Flowbite (UI kits and website templates). Open-source Tailwind CSS component library (MIT) with copy-paste HTML components, plugin JS and framework guides; a paid Flowbite Pro adds blocks and templates. Price: free tier; commercial use OK; no credit needed. Style: minimal, flat, corporate.
  Connect: official MCP server https://flowbite.com/docs/getting-started/mcp/; npm flowbite.
  Get files: npm install flowbite (Tailwind v4 plugin), or CDN flowbite.min.css and flowbite.min.js from cdn.jsdelivr.net/npm/flowbite; copy component HTML from flowbite.com/docs/components/. Official MCP: npx flowbite-mcp. Repo has llms.txt (html, css).
  Not allowed: MIT covers the open-source library only; Pro is under the EULA
  Not allowed: Docs text is CC BY 3.0 (not the code)
  Rule: Keep the MIT copyright and permission notice in copies of the library code.
  Rule: Flowbite Pro is not MIT; its EULA applies. Do not copy Pro blocks into a site without a Pro licence.
  Rule: The Flowbite name and logos are trademarks of Bergside Inc.
  License: https://flowbite.com/docs/getting-started/license/ (checked 2026-10-21; details: https://agentgid.com/assets/flowbite/)
```

Not verified: Flowbite Pro price and EULA terms could not be read (flowbite.com/license/ and /pro/ returned an empty page); the Pro licence is only known to be a separate EULA.

## Links
- AgentGid page: https://agentgid.com/assets/flowbite/
- Is it free for commercial use? https://agentgid.com/assets/flowbite/commercial-use/
- Source: https://flowbite.com/docs/getting-started/license/
- Source: https://flowbite.com/docs/getting-started/introduction/
- Source: https://flowbite.com/docs/getting-started/mcp/
- Source: https://github.com/themesberg/flowbite

---
AgentGid's catalog is curated: every entry was checked against the maker's official pages (registry, repository, license and pricing pages) on the date shown; a license value shows the quote it stands on wherever AgentGid has one. Usage numbers come from AgentGid's own scan of public repositories set up for AI coding agents. Claims by makers are reported, not tested by AgentGid.