AnimatedWebs

What AnimatedWebs MCP server does

AnimatedWebs MCP server gives AI clients access to AnimatedWebs design resources for building animated websites. The catalog contains more than 1,200 templates with live demos and build prompts, along with cinematic video backgrounds, animated UI components, and design systems. Available styles can be represented as DESIGN.md files, Tailwind themes, CSS variables, or tokens.

The repository also includes a Claude Code plugin. Its commands and skills help Claude select a template, replace a hero, add a background, add or generate a component, apply a visual style, or connect to an AnimatedWebs Design Studio workspace. The service returns templates and references; project code remains in the user’s environment.

How it works

Claude Code can install the plugin from the repository marketplace, after which its skills interpret plain-language requests such as building a cinematic landing page or finding a particle scene for a Next.js application. The plugin uses the MCP server to search the catalog and retrieve the selected resource. Claude Code then uses those results while working in the local project.

Clients that do not use the plugin can connect directly to the streamable HTTP endpoint at https://mcp.animatedwebs.com. The server exposes 22 MCP tools, and each tool includes annotations indicating whether it is read-only, destructive, or open-world. On the first tool call, browser-based OAuth sign-in is used; a free account is sufficient to begin.

Setup and configuration

For Claude Code, add the marketplace and install the plugin with:

/plugin marketplace add iboss21/animatedwebs-claude
/plugin install animatedwebs@animatedwebs

For a direct MCP connection, use:

claude mcp add --transport http animatedwebs https://mcp.animatedwebs.com

The project links setup instructions for Cursor, Codex, VS Code, Windsurf, and Antigravity. No environment variables are documented. Authentication uses a browser rather than a stored password or API key.

Tools and capabilities

Template tools search and retrieve templates, return their build prompts, list categories, open a template in the builder, and submit template requests. UI library tools search categories and components, return component details or source, and generate or refine components. Background tools search and retrieve cinematic video backgrounds. Style tools search styles and return style references.

Additional tools expose the Design Studio workspace, account information, pricing, creators, and creator searches. Claude Code commands map these capabilities to common tasks:

• /animatedwebs:site <business> selects and builds a matching site.
• /animatedwebs:browse <style> lists matching templates and demo links.
• /animatedwebs:hero <idea> changes the current hero.
• /animatedwebs:background <mood> adds a video background.
• /animatedwebs:component <idea> adds or generates an animated component.
• /animatedwebs:style <mood> applies a design system.

Limitations and notes

AnimatedWebs MCP server is tied to the AnimatedWebs service and its catalog. Pro templates, backgrounds, component source, commercial client-work licensing, and higher daily AI limits require the Pro plan; free templates and prompts are available without that plan. The listed Pro price is $19 per month or $149 per year, with other access options also offered.

The server does not read project files, so the client remains responsible for applying returned references or generated design decisions to local code. OAuth sign-in is required when tools are first used. Templates, prompts, demos, and media are governed by AnimatedWebs Terms, while the repository has its own license file whose specific license name is not stated in the supplied material.