@sailflow/planks

React component library built with Radix UI and Tailwind CSS.

Installation

bun add @sailflow/planks

Usage

import { Button, Card, CardContent } from '@sailflow/planks';
import '@sailflow/planks/styles.css';

export default function App() {
  return (
    <Card>
      <CardContent>
        <Button>Click me</Button>
      </CardContent>
    </Card>
  );
}

Components

• Primitives: Button, Input, Label, Checkbox, Switch, Select, etc.
• Layout: Card, Container, Separator
• Data Display: Avatar, Badge, DataTable
• Feedback: Alert, Skeleton, Toast
• Navigation: Tabs, Dropdown Menu

MCP Server (AI Assistant Integration)

This library includes a Model Context Protocol (MCP) server for AI assistants like Claude.

Quick Setup:

{
  "mcpServers": {
    "planks": {
      "command": "node",
      "args": ["./node_modules/@sailflow/planks/dist/mcp/server.js"]
    }
  }
}

See MCP_SETUP.md for detailed instructions.

Development

# Install dependencies
bun install

# Build
bun run build

# Watch mode
bun run dev

Publishing

Create a GitHub release to publish to npm automatically.