aceternity-mcp
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@aceternity-mcp Generate a dark premium AI SaaS landing page layout"
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.
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.
Install
pipx install aceternity-mcp
aceternity-mcp installRestart your AI tool. Done.
Related MCP server: aceternityui-mcp
What It Does
Your AI assistant gets 11 tools for working with Aceternity UI:
Tool | What it does |
| Generate a full page layout with sections, components, and install commands |
| Full-text search across names, descriptions, tags, categories |
| Get recommendations for a use case or design goal |
| Get component suggestions for each page section |
| Match components to a whole project description |
| List all 106 components with optional filters |
| Show all 17 categories with component counts |
| Get full metadata for a single component |
| Get all components in a category |
| Get install command, dependencies, and setup steps |
| 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 |
|
Claude Code |
|
Cline | VS Code extension settings |
Windsurf |
|
OpenCode |
|
CLI Commands
Command | Description |
| Interactive setup wizard |
| Show installation health |
| Check for and install updates |
| Fix registry, configs, or permissions |
| Output JSON diagnostics |
| Remove from all AI tools |
| Show version |
# Repair only the registry
aceternity-mcp repair --registry
# Repair only client configs
aceternity-mcp repair --configs
# Non-interactive update
aceternity-mcp update -yAlternative Install Methods
Docker
docker pull ghcr.io/devinoldenburg/aceternity-mcp
docker run -i ghcr.io/devinoldenburg/aceternity-mcpnpm (wrapper)
npx aceternity-mcp-serverRequires the Python package installed separately (pipx install aceternity-mcp).
pip
pip install aceternity-mcpFrom 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.pyQuality
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
@aceternityshadcn 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
Available Tools
12 toolsfilter_by_scoresA
Filter components by numeric scoring thresholds (1-10 scale).
All parameters are optional. Only components passing every specified threshold are returned.
Scoring dimensions:
visualIntensity: How visually dominant (1=subtle, 10=dramatic)
animationIntensity: How much animation/motion (1=static, 10=heavy)
layoutImportance: How critical to page structure (1=decorative, 10=essential)
customizationEase: How easy to customise (1=rigid, 10=very flexible)
landingPageFit: Suitability for landing pages (1=poor, 10=perfect)
dashboardFit: Suitability for dashboards (1=poor, 10=perfect)
performanceImpact: Runtime cost (1=lightweight, 10=heavy)
Args: min_visual_intensity: Minimum visual intensity (1-10) max_visual_intensity: Maximum visual intensity (1-10) min_animation_intensity: Minimum animation intensity (1-10) max_animation_intensity: Maximum animation intensity (1-10) min_landing_page_fit: Minimum landing page fit (1-10) min_dashboard_fit: Minimum dashboard fit (1-10) max_performance_impact: Maximum performance impact (1-10) min_customization_ease: Minimum customization ease (1-10) include_pro: Include pro components (default True)
Inputs: min_visual_intensity, max_visual_intensity, min_animation_intensity, max_animation_intensity, +5 more. Returns: result
generate_page_layoutA
Generate a complete page layout with component recommendations.
Analyses the description to detect the page type, selects the best template, and fills each section with recommended components. Returns an ordered layout with install commands and dependency summary.
Supported page types (auto-detected if not specified):
landing: Conversion-focused landing page
saas: SaaS product marketing page
dashboard: Data-rich admin dashboard
portfolio: Creative portfolio or showcase
ecommerce: E-commerce product store
blog: Blog or content publication
documentation: Documentation or knowledge base
Example descriptions:
"premium AI SaaS product page with dark theme"
"fintech dashboard with analytics and charts"
"designer portfolio with 3D effects"
"online clothing store with product grid"
"developer blog with code examples"
Args: page_description: Free-text description of the page to build page_type: Explicit page type (auto-detected if omitted) include_pro: Include pro components (default True) components_per_section: Components per section (default 2, max 10)
Inputs: page_description (required), page_type, include_pro, components_per_section. Returns: result
get_cache_statsA
Get search cache statistics for monitoring and debugging.
Returns cache performance metrics including:
size: Current number of cached entries
max_size: Maximum cache capacity
hits: Number of cache hits
misses: Number of cache misses
evictions: Number of evicted entries
hit_rate_percent: Cache hit rate as percentage
Use this to monitor cache effectiveness and tune cache parameters.
Inputs: no named parameters. Returns: result
get_categoryA
Get all components in a specific category.
Returns the category info and full summaries of every component that belongs to it.
Args: slug: Category slug (e.g. "hero-sections", "backgrounds", "cards")
Inputs: slug (required). Returns: result
get_componentA
Get the full detailed entry for a single component.
Returns ALL metadata including the 60+ word detailed description, purpose, behavior, visual characteristics, dependencies, install commands, props, compatibility, and scoring.
Args: slug: Component slug (e.g. "spotlight", "bento-grid", "hero-parallax")
Inputs: slug (required). Returns: result
install_componentA
Get full installation instructions for a component.
Returns the install command, dependencies, registry URL, documentation link, and step-by-step setup instructions.
Args: slug: Component slug (e.g. "spotlight", "sidebar", "bento-grid")
Inputs: slug (required). Returns: result
list_categoriesA
List all component categories with descriptions and component counts.
Inputs: no named parameters. Returns: result
list_componentsA
List all available Aceternity UI components.
Optionally filter by category slug. Returns a compact summary for each component (slug, name, category, tags, summary).
Args: category: Optional category slug (e.g. "hero-sections") include_pro: Include pro-only components (default: True)
Inputs: category, include_pro. Returns: result
match_components_to_projectA
Match components to a whole project description.
Similar to recommend_components but biased toward layout-critical components and returns more results for full project planning.
Args: project_description: Project description (e.g. "dashboard with dark mode") max_results: Number of results (default 15, max 100) include_pro: Include pro components (default True)
Inputs: project_description (required), max_results, include_pro. Returns: result
recommend_combinationA
Recommend a full-page component combination.
Given a project or page description, returns recommended components for each page section: navigation, hero, features, background, cards, CTA, footer, and text effects.
Args: description: Description of the page or project (e.g. "AI SaaS landing page") include_pro: Include pro components (default True)
Inputs: description (required), include_pro. Returns: result
recommend_componentsA
Recommend components for a specific use case or design goal.
Analyses the description against component metadata, categories, tags, and scoring dimensions to find the best matches.
Example descriptions:
"premium AI SaaS landing page with dark theme"
"subtle background effect for a login page"
"testimonial section for a marketing site"
"animated hero for a startup landing page"
Args: description: Free-text description of what you need max_results: Number of recommendations to return (default 10, max 100) include_pro: Include pro components (default True)
Inputs: description (required), max_results, include_pro. Returns: result
search_componentsA
Search components by text query with optional filters.
Searches across names, descriptions, tags, categories, purposes, behaviors, and visual characteristics. Results are ranked by relevance.
Args: query: Search query (e.g. "animated hero", "dark card") category: Optional category slug to narrow results tags: Optional comma-separated tags to filter by max_results: Max results to return (default 15, max 100) include_pro: Include pro components (default True)
Inputs: query (required), category, tags, max_results, +1 more. Returns: result
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 12 tools
Several tools serve similar recommendation purposes (recommend_components, recommend_combination, match_components_to_project, generate_page_layout), which could confuse agents. However, descriptions clarify their distinct scopes (single recommendation, per-section, whole project, full layout). Other tools like filter_by_scores, search_components, and list_components are more distinct.
All tools consistently use verb_noun naming with underscores (e.g., filter_by_scores, list_components, recommend_components). The pattern is predictable, even for longer names like match_components_to_project.
12 tools is well-scoped for a UI component library server. It covers browsing, searching, filtering, recommending, installation, and monitoring without being excessive or too sparse.
The tool surface covers the full lifecycle of component discovery: listing, filtering, searching, retrieving details, installation instructions, and cache stats. No obvious gaps for the stated purpose of helping users find and use Aceternity components.
Maintenance
Related MCP Connectors
MCP server that lets your AI assistant build and deploy apps, hosting each one at a live URL.
MCP server connecting AI agents to 100+ apps (Gmail, Slack, Notion, GitHub) via one-click OAuth.
MCP server for building and testing AI agents with multi-model experimentation and insights.
AI tool directory MCP server, live since July 2026. Tools, agents, models, companies, services.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceA comprehensive template for building MCP servers that expose UI component registries and design systems to AI assistants. It enables users to browse, fetch, and retrieve implementation details from registries following the shadcn/ui format.177 npm2MIT
- AlicenseAqualityDmaintenanceAn MCP server that enables AI assistants to search, discover, and install Aceternity UI components programmatically.5170 npm26MIT
- AlicenseNot gradedqualityDmaintenanceThis MCP server provides tools to install and manage shadcn/ui components directly from AI coding agents.2MIT
- AlicenseAqualityDmaintenanceA secure MCP server that gives AI coding assistants direct access to the shadcn/ui registry, enabling fetching, installing, and wiring up components without switching context.819 npm4MIT