design

flowbite-vue: Rapidly add sleek UI components to Vue 3 apps

Name: flowbite-vue: Rapidly add sleek UI components to Vue 3 apps
Author: themesberg

Leverage ready‑made Flowbite and Tailwind CSS components for Vue 3, letting founders ship polished interfaces faster without hand‑coding styles.

From the repo · “Official Vue 3 components built for Flowbite and Tailwind CSS”

954 stars139 forksTypeScriptGuide quality 9/10 · reviewed Oct 15Updated 10/13/2026100% free · open source

What it does

Flowbite-vue provides pre-built Vue 3 components for Flowbite and Tailwind CSS, allowing founders to quickly build custom UI components for their applications

When to use it

•You're building a Vue 3 application and want to use Flowbite's UI components
•You need a set of pre-designed UI components that work seamlessly with Tailwind CSS
•You want to speed up your development process by using existing, customizable components

Ready-to-paste prompt

<template> <FlowbiteNavbar :burgers='false' /> </template> <script> import { FlowbiteNavbar } from 'flowbite-vue' export default { components: { FlowbiteNavbar } } </script>

Heads up: Make sure you have the correct version of Vue (Vue 3) installed, as Flowbite-vue is not compatible with older versions of Vue

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/flowbite-vue && curl -fsSL https://workflowstacks.com/api/skills/flowbite-vue/claude-skill -o ~/.claude/skills/flowbite-vue/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How flowbite-vue: Rapidly add sleek UI components to Vue 3 apps works

Codeflow

Free to inspect

Flowbite-vue: Rapidly add sleek UI components to Vue 3 apps is a large TypeScript project (~16k lines across 448 code files, plus 24 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.

Size

Large codebase

~16k lines · 448 code files · ~2 h to skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

TypeScript 64%Vue 34%JavaScript 2%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/index.ts
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic190 files

docs/Documentation372 files

scripts/Helper scripts1 files

.github/CI / automation (GitHub Actions)4 files

READMEHas testsDocumentedCI checksMIT licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/flowbite-vue && curl -fsSL https://workflowstacks.com/api/skills/flowbite-vue/claude-skill -o ~/.claude/skills/flowbite-vue/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

themesberg

Language

TypeScript