Which integrations are available for this server?

Provides UI components for Clerk authentication, including OTP input components for user verification flows. Provides UI components for GitHub-style interfaces, including inline comment components for code review experiences. Provides device mockup components for Safari browser interfaces, enabling realistic browser UI previews and presentations. Provides SVG-based UI components including ripple effects and other scalable vector graphics elements for web interfaces.

How do I use Eldora UI MCP Server?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@Eldora UI MCP Server add a live button with shine effect to my landing page" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

@eldoraui/mcp

npm version

Official ModelContextProtocol (MCP) server for Eldora UI.

Install MCP configuration

npx @eldoraui/cli@latest install <client>

Supported Clients

cursor
windsurf
claude
cline
roo-cline

Manual Installation

Add to your IDE's MCP config:

{
  "mcpServers": {
    "@eldoraui/mcp": {
      "command": "npx",
      "args": ["-y", "@eldoraui/mcp@latest"]
    }
  }
}

Example Usage

Once configured, you can questions like:

"Make a marquee of logos"

"Add a live button with shine effect"

"Add a novatrix background"

Available Tools

The server provides the following tools callable via MCP:

Tool Name	Description
`getUIComponents`	Provides a comprehensive list of all Eldora UI components.
`getLayout`	Provides implementation details for grid components.
`getMedia`	Provides implementation details for terminal, marquee, github-inline-comments components.
`getMotion`	Provides implementation details for animated-badge, card-flip-hover, integrations, testimonal-slider components.
`getTextEffects`	Provides implementation details for blur-in-text, fade-text, font-weight-text, gradual-spacing-text, letter-pull-up-text, multi-direction-slide-text, scale-letter-text, seperate-away-text, wavy-text, word-pull-up-text components.
`getButtons`	Provides implementation details for live-button, animated-shiny-button components.
`getEffects`	Provides implementation details for animated-frameworks, map, svg-ripple-effect, clerk-otp, cobe-globe components.
`getBackgrounds`	Provides implementation details for novatrix-background, hacker-background components.
`getDevices`	Provides implementation details for afari-browser, iphone-17-pro, macbook-pro ,ipad ,browser components.

MCP Limitations

Some clients have a limit on the number of tools they can call. This is why we opted to group the tools into categories. Note: For more specific context on each component, run the MCP locally and modify the logic that groups the components.

MIT