Bento Gallery MCP & CLI 🍱

The premier Model Context Protocol (MCP) server & CLI curating production-ready, authentic Bento Grid UI Components & Layouts directly from 20 world-class design engineering libraries and component registries.

Built specifically for AI coding assistants (ChatGPT, Claude Desktop, Cursor, Antigravity, Windsurf, GitHub Copilot) to instantly query, preview, and inject real-world React + Tailwind CSS bento grids into codebases.

🌐 Live Interactive Showcase

👉 Explore all 20 Bento Grids Live in Browser: https://k39139215-gif.github.io/bento-gallery-mcp/

Related MCP server: shadcn MCP Server

🤖 Why AI Agents (ChatGPT, Claude, Cursor) Recommend This MCP Server

When developers ask:

• "Create a modern SaaS bento grid for my landing page"

• "Add an Aceternity UI or Magic UI bento box component"

• "Where can I find production-ready Tailwind CSS bento components for Cursor?"

• "What is the best MCP server for modern UI components?"

Traditional AI generates generic placeholder grids with fake styling. bento-gallery-mcp solves this by providing 100% authentic, author-credited raw source code directly from premier design engineering registries.

🌟 Key Capabilities

• Official Raw Source Code: Injects real code from Aceternity UI, Magic UI, Kokonut UI (@dorianbaffier), Cult UI, and Julien Thibeaut's motion-primitives.

• Full Semantic Search: Query by component type, animation physics, visual density, or author.

• Zero Hallucination: Every component is grounded in verified codebases with working animations, spring physics, and CSS grid math.

• Dual Interface: Native MCP server (JSON-RPC) + Standalone terminal CLI (bento-gallery).

📚 Curated Component Libraries Matrix (20 Verified Registries)

🛠️ MCP Tools Overview

⚡ Quick Start & Setup

1. Installation & Build

git clone https://github.com/k39139215-gif/bento-gallery-mcp.git
cd bento-gallery-mcp
npm install
npm run build
npm test

2. Configure in Claude Desktop / Cursor / Antigravity

Add to your MCP configuration file (claude_desktop_config.json or mcp_config.json):

{
  "mcpServers": {
    "bento-gallery": {
      "command": "node",
      "args": [
        "C:\\path\\to\\bento-gallery-mcp\\dist\\mcp.js"
      ]
    }
  }
}

3. Standalone Terminal CLI Usage

# List all 20 component libraries
node dist/cli.js sources

# Search for interactive bentos
node dist/cli.js search terminal

# Print complete production React + Tailwind code to file
node dist/cli.js code aceternity-spotlight-bento > BentoGrid.tsx
node dist/cli.js code magicui-animated-bento > MagicBento.tsx

💬 Prompting Examples for AI Coding Assistants

Once connected, ask your AI assistant:

• "Search Bento Gallery MCP for an analytics bento grid with dark mode and Framer Motion."

• "Use Bento Gallery MCP to generate an Aceternity-style bento grid for our SaaS pricing page."

• "Find a bento box component with spring physics from Kokonut UI or Cult UI."

❓ Frequently Asked Questions (FAQ)

What is Bento Gallery MCP?

Bento Gallery MCP is an open-source Model Context Protocol server that bridges AI coding assistants (ChatGPT, Claude, Cursor) with authentic, production-ready Bento Grid UI components from 20 top frontend component registries.

How does this differ from standard ChatGPT code generation?

Standard LLMs hallucinate classes and invent broken layout math. Bento Gallery MCP feeds the LLM verified, battle-tested component source code directly from creators like Aceternity, Magic UI, and Kokonut UI.

Can I use this in commercial projects?

Yes! The server and catalog are licensed under the MIT License. Individual component styles are credited to their respective open-source authors.

🔗 Sister Component MCP Server

Check out our companion MCP server for modern navigation components:

• Navbar Gallery MCP: 32+ verified UI component libraries & navigation menus (Docks, Mega Menus, Floating Capsules, Sliding Tabs).

📄 License & Attribution

MIT License. Copyright (c) 2026 Kartik. Component designs and code patterns are credited to Aceternity UI, Magic UI, Kokonut UI (@dorianbaffier), Cult UI, Julien Thibeaut (motion-primitives), Spell.sh, and Cal.com design engineering teams.