Aceternity UI

v1.0.0Developer Toolsstable

A Model Context Protocol (MCP) server that provides seamless integration with the Aceternity UI component registry. This package enables AI assistants and applications to search, discover, and install Aceternity UI components programmatically.

mcp-serverui
Share:
19
Stars
0
Downloads
0
Weekly
0/5

What is Aceternity UI?

Aceternity UI is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to model context protocol (mcp) server that provides seamless integration with the aceternity ui component registry. this package enables ai assistants and applications to search, discover, and install a...

A Model Context Protocol (MCP) server that provides seamless integration with the Aceternity UI component registry. This package enables AI assistants and applications to search, discover, and install Aceternity UI components programmatically.

This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.

Features

  • A Model Context Protocol (MCP) server that provides seamless

Use Cases

Search and discover Aceternity UI components programmatically. Install UI components from Aceternity registry automatically. Browse available component library for application design.
rudra016

Maintainer

LicenseMIT
Languagetypescript
Versionv1.0.0
UpdatedMay 13, 2026
Statushealthy
Maintenanceactive

Works with

ClaudeOpenAIwindowsmacoslinux

Installation

Manual Installation

npx aceternityui

Configuration

Configuration Details

Config File

claude_desktop_config.json

Performance

Response Metrics

Response Time< 200ms
ThroughputMedium

Resource Usage

Memory UsageLow
CPU UsageLow

How to Set Up and Use Aceternity UI

Aceternity UI MCP Server is a TypeScript MCP server that connects AI assistants to the Aceternity UI component registry, enabling programmatic discovery, search, and installation of animated UI components without leaving your coding environment. It exposes tools for listing component categories, searching by name or tag, retrieving detailed component information, and fetching installation instructions — all usable via natural language. Frontend developers use it to quickly find the right animated component and wire it into their Next.js or React projects through AI-assisted scaffolding.

Prerequisites

  • Node.js 16 or later installed
  • npx available (bundled with Node.js)
  • An MCP-compatible client such as Claude Desktop, Cursor, or Windsurf
  • A React or Next.js project where you intend to install Aceternity UI components
1

Add the server to your MCP client config

Open your MCP client configuration file and add the aceternityui-mcp entry. No installation step is needed beyond this because npx will pull the package on first run.

{
  "mcpServers": {
    "aceternityui": {
      "command": "npx",
      "args": ["aceternityui-mcp"]
    }
  }
}
2

Restart your MCP client

Restart Claude Desktop, Cursor, or Windsurf so the new server entry is loaded and the aceternityui-mcp package is fetched by npx.

3

List available component categories

Ask your AI assistant to list all Aceternity UI categories so you can see what component types are available before searching.

4

Search for a specific component

Use the search_components tool through a natural language prompt to find components matching your design need.

5

Get installation instructions and integrate

Once you identify the component you want, ask for its installation info. The server returns the exact CLI commands and dependencies required to add it to your project.

Aceternity UI Examples

Client configuration

Minimal configuration block for claude_desktop_config.json. No API keys or environment variables are required.

{
  "mcpServers": {
    "aceternityui": {
      "command": "npx",
      "args": ["aceternityui-mcp"]
    }
  }
}

Prompts to try

Sample prompts covering search, detail retrieval, and installation info for Aceternity UI components.

- "List all Aceternity UI component categories"
- "Search for Aceternity UI components related to 'grid' or 'bento'"
- "Get detailed information about the bento-grid component"
- "Show me the installation instructions for the typewriter-effect component"
- "Find all card components in the Aceternity UI library and list their names"

Troubleshooting Aceternity UI

npx fails to download aceternityui-mcp on first run

Check your internet connection and npm registry access. You can pre-install the package globally with 'npm install -g aceternityui-mcp' and then change the config command to 'aceternityui-mcp' with empty args.

search_components returns no results for a known component

Try different search terms — component names in the Aceternity registry may differ from their display names. Use list_categories first to understand the naming conventions, then use get_all_components to browse the full inventory.

Server not appearing in MCP client after config change

Ensure the JSON in your config file is valid (no trailing commas, correct bracket nesting). Restart the client completely and check the MCP server logs for startup errors.

Frequently Asked Questions about Aceternity UI

What is Aceternity UI?

Aceternity UI is a Model Context Protocol (MCP) server that model context protocol (mcp) server that provides seamless integration with the aceternity ui component registry. this package enables ai assistants and applications to search, discover, and install aceternity ui components programmatically. It connects AI assistants to external tools and data sources through a standardized interface.

How do I install Aceternity UI?

Follow the installation instructions on the Aceternity UI GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.

Which AI clients work with Aceternity UI?

Aceternity UI works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.

Is Aceternity UI free to use?

Yes, Aceternity UI is open source and available under the MIT license. You can use it freely in both personal and commercial projects.

Browse More Developer Tools MCP Servers

Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.

Quick Config Preview

{ "mcpServers": { "aceternityui": { "command": "npx", "args": ["-y", "aceternityui"] } } }

Add this to your claude_desktop_config.json or .cursor/mcp.json

Read the full setup guide →

Ready to use Aceternity UI?

Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.

33,000+ ServersFree & Open SourceStep-by-Step Guides