aceternity-mcp

aceternity-mcp

MCP server for Aceternity UI components, enabling AI assistants to discover, search, install, and generate page layouts with 106 components.

Category
Visit Server

README

<div align="center">

Aceternity MCP

Model Context Protocol server for Aceternity UI components

Discover, search, and install 106 Aceternity UI components from your AI assistant. Generate full page layouts, get context-aware recommendations, and install everything with a single command.

PyPI npm Python MCP License Tests

</div>


Install

pipx install aceternity-mcp
aceternity-mcp install

Restart your AI tool. Done.

What It Does

Your AI assistant gets 11 tools for working with Aceternity UI:

Tool What it does
generate_page_layout Generate a full page layout with sections, components, and install commands
search_components Full-text search across names, descriptions, tags, categories
recommend_components Get recommendations for a use case or design goal
recommend_combination Get component suggestions for each page section
match_components_to_project Match components to a whole project description
list_components List all 106 components with optional filters
list_categories Show all 17 categories with component counts
get_component Get full metadata for a single component
get_category Get all components in a category
install_component Get install command, dependencies, and setup steps
filter_by_scores Filter by visual intensity, animation, performance, etc.

Page Layout Generator

The standout feature. Ask your AI to generate a complete page layout and it returns:

  • Ordered sections with recommended components for each role
  • Design tone detection (dark, premium, modern, minimal, etc.)
  • Section-specific scoring using 17 role profiles
  • De-duplicated components across sections
  • Implementation notes for every section
  • Batch install command for all components at once
  • Performance estimate and dependency summary

7 page types: landing, saas, dashboard, portfolio, ecommerce, blog, documentation

Example prompts:

"Generate a page layout for a dark premium AI SaaS landing page"
"Build me a fintech dashboard layout with analytics"
"Create a portfolio page with 3D effects and scroll animations"
"Design an e-commerce store layout for a clothing brand"

Scoring signals per component:

Signal Description
Section-role category match 17 role profiles with preferred categories
Section-role tag match Role-specific tag boosting
Section score weights Tuned dimension weights per role
Archetype context Page-level scoring (SaaS, dashboard, portfolio, etc.)
Text relevance User description keyword matching
Design tone coherence Boosts components matching detected tones
Dependency reuse Bonus for shared npm dependencies

Example Prompts

"Show me subtle dark background effects with low performance impact"
"Recommend a navbar + hero + CTA combination for a SaaS landing page"
"Find highly customizable card components for testimonials"
"Give me low-motion components suitable for a dashboard"
"Install Spotlight and show me what dependencies are needed"
"What components work well for dark mode dashboards?"
"Search for animated text effects"
"Filter components with visual intensity above 7 and low performance impact"

Supported AI Tools

Tool Auto-configured
Claude Desktop Yes
Claude Code CLI Yes
Cursor Yes
Cline (VS Code) Yes
Windsurf Yes
OpenCode Yes

Run aceternity-mcp install and all detected tools are configured automatically.

Manual Configuration

All tools use the same server command:

{
  "mcpServers": {
    "aceternity-ui": {
      "command": "aceternity-mcp-server",
      "args": []
    }
  }
}
Tool Config file
Cursor ~/.cursor/mcp.json
Claude Code ~/.claude/mcp.json
Cline VS Code extension settings
Windsurf ~/.codeium/windsurf/mcp_config.json (uses mcp_servers / aceternity_ui)
OpenCode ~/.opencode/mcp.json

CLI Commands

Command Description
aceternity-mcp install Interactive setup wizard
aceternity-mcp status Show installation health
aceternity-mcp update Check for and install updates
aceternity-mcp repair Fix registry, configs, or permissions
aceternity-mcp diagnose Output JSON diagnostics
aceternity-mcp uninstall Remove from all AI tools
aceternity-mcp --version Show version
# Repair only the registry
aceternity-mcp repair --registry

# Repair only client configs
aceternity-mcp repair --configs

# Non-interactive update
aceternity-mcp update -y

Alternative Install Methods

Docker

docker pull ghcr.io/devinoldenburg/aceternity-mcp
docker run -i ghcr.io/devinoldenburg/aceternity-mcp

npm (wrapper)

npx aceternity-mcp-server

Requires the Python package installed separately (pipx install aceternity-mcp).

pip

pip install aceternity-mcp

From source

git clone https://github.com/devinoldenburg/aceternity-mcp.git
cd aceternity-mcp
pipx install .

Component Registry

106 components across 17 categories:

Category Count Examples
Backgrounds 18 Aurora, Beams, Grid, Spotlight, Vortex
Cards 15 3D Card, Card Hover, Expandable Card
Text Effects 13 Typewriter, Text Generate, Gradient Text
Scroll Effects 11 Parallax, Scroll Reveal, Tracing Beam
Visualization 9 Globe, World Map, SVG Mask
Hero Sections 8 Hero Parallax, Spotlight, Lamp Effect
Navigation 7 Floating Dock, Navbar Menu
Layout 81 Bento Grid, Container Scroll, Timeline
Forms 6 Input, Placeholders, Multi-Step
3D Effects 5 3D Card, 3D Pin, Globe

Each component includes: detailed description, purpose, behavior, visual characteristics, design tone, difficulty level, dependencies, install command, compatibility flags, and 7 scoring dimensions.

Scoring Dimensions

Every component is rated 1-10 on:

Dimension What it measures
Visual Intensity How visually dominant (1 = subtle, 10 = dramatic)
Animation Intensity Amount of motion (1 = static, 10 = heavy animation)
Layout Importance Structural criticality (1 = decorative, 10 = essential)
Customization Ease Flexibility (1 = rigid, 10 = very configurable)
Landing Page Fit Suitability for landing pages
Dashboard Fit Suitability for dashboards
Performance Impact Runtime cost (1 = lightweight, 10 = heavy)

Development

git clone https://github.com/devinoldenburg/aceternity-mcp.git
cd aceternity-mcp
python -m venv .venv && source .venv/bin/activate
pip install -e ".[dev]"

# Run tests
pytest tests/ -v

# Lint + type check
ruff check src/ tests/
mypy src/aceternity_mcp/ tests/

# Validate registry
python scripts/validate_registry.py

Quality

  • 172 tests, 9 archetypes, 17 section role profiles, 7 page templates
  • ruff lint + format, mypy strict, bandit security scan
  • CI: quality gates on every push, auto-publish on release

Security

  • Metadata only: No Aceternity source code, documentation, or images in this repository
  • No secrets: No API keys or credentials
  • Isolated: pipx provides sandboxed virtual environments
  • Install commands: Point to Aceternity's official @aceternity shadcn registry

Troubleshooting

Command not found -- Run pipx ensurepath and restart your terminal.

Registry not found -- Run aceternity-mcp repair or pipx reinstall aceternity-mcp.

MCP server not connecting -- Run aceternity-mcp diagnose and check the output. Repair configs with aceternity-mcp repair --configs.

Update issues -- Run pipx upgrade aceternity-mcp or pipx reinstall aceternity-mcp.

License

MIT -- see LICENSE.

Links

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured