@fli-dgtf/flow-ui

React component library built with TypeScript, Tailwind CSS v4 and Base UI.

Installation

yarn add @fli-dgtf/flow-ui

Setup

Add to your index.css:

@import '@fli-dgtf/flow-ui/style.css';
@source "../node_modules/@fli-dgtf/flow-ui/dist/**/*.js";

Usage

import { UiThemeProvider, Button } from '@fli-dgtf/flow-ui'
import './index.css'

function App() {
  return (
    <UiThemeProvider>
      <Button variant="primary">Click me</Button>
    </UiThemeProvider>
  )
}

Claude MCP Server

This package includes an MCP server for Claude Code.

Add to .mcp.json in your project:

{
  "mcpServers": {
    "flowui": {
      "command": "npx",
      "args": ["-p", "@fli-dgtf/flow-ui", "flowui-mcp"]
    }
  }
}

Available tools:

| Tool | Description | |------|-------------| | list_components | List all UI components | | view_component_usage | Get usage examples from Storybook stories |