AnimatedWebs

com.animatedwebsPublished by animatedwebs.comOfficial publisherv1.2.2Updated Nov 3, 2026

Animated website templates, cinematic video backgrounds, UI components and design systems.

VerifiedStreamable HTTPWeb executableDeveloper ToolsMedia & Design

Overview

AI-generated overview

Remote MCP server for AnimatedWebs that lets an assistant search 1,400+ animated website templates, backgrounds, UI components and design systems and build…

What you can do
  • Search templates, components, backgrounds, styles and creators, and list categories
  • Fetch a template, its build prompt, or open it in the builder, and request new templates
  • Get animated UI components with source code, generate and refine components
  • Retrieve cinematic video backgrounds and design-system style references
  • Read account details including the Design Studio workspace, pricing and creator profiles
When to use it
Useful when you want an assistant to pick a matching animated template, hero section, video background, component or design system and apply it to your own site, especially from Claude Code or another MCP client.
Requirements
Remote streamable HTTP endpoint at mcp.animatedwebs.com; no local package. OAuth sign-in through the browser on first tool use; a free account is enough to start. Paid Pro plan needed for Pro templates, backgrounds, component source and a commercial licence.
Before you install
Sign-in is OAuth and the plugin stores no passwords or API keys. Some tools generate or refine components and open items in the builder, and AI generation is capped per day by plan. Pro content and commercial use require a paid subscription ($19/month or $149/year). Templates, prompts and media are licensed under AnimatedWebs terms.

Installation

In SourceWeft

  1. Open AnimatedWebs in the dashboard and add it to a workspace.
  2. Connect the required credentials. They are stored privately and never shown on public pages.
  3. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Use with an agent

Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.

Read https://sourceweft.com/mcp/com.animatedwebs%2Fanimatedwebs/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.

Read the install guide the agent follows

Other MCP clients

Add this to your client's mcpServers config. The client completes OAuth sign-in on first connect.

{
  "mcpServers": {
    "animatedwebs": {
      "type": "http",
      "url": "https://mcp.animatedwebs.com/"
    }
  }
}

README

[AnimatedWebs for Claude Code: cinematic websites built by Claude]

[Claude Code plugin] [MCP: 15 tools] [1,400+ templates] [Version 1.3.0] [Status: live]

Turn a one-line brief into a production-ready animated website, without leaving Claude Code.
Cinematic templates, live WebGL scenes, video backgrounds, UI components and design systems, delivered through one plugin.

Website · Template library · Documentation · Pricing · Support


[Four AnimatedWebs templates playing live: Noesis, Orchid, Amethyst and Atlas]

Overview

AnimatedWebs is a library of more than 1,400 animated website templates, each with a live demo and a complete build prompt. This plugin connects Claude Code to that library through the AnimatedWebs MCP server and adds skills and commands that know how to use it.

Describe what you need. Claude finds the closest designs, shows you the live demos, and builds the one you choose into your project with its motion, typography and layout intact.

  • Templates. Full sites and hero sections with scroll storytelling, WebGL, shaders and particle scenes.
  • Cinematic Backgrounds. Seamless video loops for hero sections, ready to drop in.
  • UI Library. Animated components with source code, plus AI generation and refinement.
  • Styles. Design systems as DESIGN.md, Tailwind theme, CSS variables or tokens.
  • Design Studio. A private design workspace with its own MCP server.

Installation

In Claude Code, add the marketplace and install the plugin:

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

The first time a tool runs, Claude Code opens your browser so you can sign in to AnimatedWebs. A free account is enough to get started.

Using another MCP client? Connect the server directly:

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

Setup guides for Cursor, Codex, VS Code, Windsurf and Antigravity are at animatedwebs.com/mcp.

Quick start

Ask in plain language. The right skill takes over:

Build a premium landing page for my architecture studio, dark and cinematic.

Give this page a hero with a slow video background, something calm and blue.

Find me a particle scene for an AI product and apply it to my Next.js app.

Commands

CommandDescription
/animatedwebs:site <business>Selects the best-matching template and builds the complete site
/animatedwebs:browse <style>Lists matching templates with links to their live demos
/animatedwebs:hero <idea>Replaces the current hero with a cinematic one
/animatedwebs:background <mood>Adds a cinematic video background to the hero
/animatedwebs:component <idea>Adds an animated UI component from the library, or generates one
/animatedwebs:style <mood>Applies a design system as tokens, theme and variables
/animatedwebs:designConnects your AnimatedWebs Design Studio workspace

Skills

SkillUsed when you ask to
animatedwebs-sitebuild a full website or landing page
animatedwebs-herocreate or upgrade a hero section
animatedwebs-backgroundsadd a video or motion background
animatedwebs-componentsadd animated UI components
animatedwebs-styleapply a visual style or design system
animatedwebs-designwork in Design Studio

MCP tools

The server at https://mcp.animatedwebs.com exposes 15 tools. Every tool carries MCP annotations (read-only, destructive, open-world) and an icon.

AreaTools
Searchsearch (templates, components, backgrounds, styles, creators; kind, filters, empty query browses, cursor pages) · list_categories
Templatesget_template · get_template_prompt · open_in_builder · request_template
UI Libraryget_component · get_component_source · generate_component · refine_component
Cinematic Backgroundsget_background
Stylesget_style_reference
Account and communityget_account (includes the Design workspace) · get_pricing · get_creator

Earlier versions listed search_templates, search_components, search_everything, search_backgrounds, search_styles, search_creators, list_component_categories and get_design_workspace. Those names still work when called but are no longer listed; see docs/MCP-TOOLS.md in the AnimatedWebs repository.

Featured templates

[Noesis AI Research Brain]
Noesis
WebGL constellation brain · AI / SaaS		[Orchid AI Creative Studio]
Orchid
Cinematic video hero · AI studio		[Amethyst Expeditions]
Amethyst
Cinematic video hero · Travel
[Chrome Capital Fintech]
Chrome Capital
Liquid chrome film · Fintech		[Aurora Lagoon Retreat]
Aurora Lagoon
Cinematic video hero · Wellness		[Atlas AI Agents Particle Scene]
Atlas
Morphing particle scene · AI agents

Browse all 1,400+ templates →

Plans

FreePro
Free templates and promptsUnlimitedUnlimited
Pro templates, backgrounds and component sourceUnlimited
AI component generations5 a day100 a day
Design Studio AI requests40 a day600 a day
Commercial licence for client workIncluded

Pro is $19 a month or $149 a year. One-time Prompt Packs and Lifetime access are also available. See animatedwebs.com/pricing.

Security and privacy

  • Sign-in uses OAuth in your browser. The plugin stores no passwords or API keys.
  • Tools that only read data are marked read-only, so your client can run them without extra prompts.
  • Your code stays in your environment. The server returns templates and references; it never reads your project files.

Details are in the Privacy Policy.

Support

Questions and account help: animatedwebs.com/contact. Bugs and template requests: open an issue. Security reports: see SECURITY.md. You can also request a template from inside Claude with the request_template tool.

Legal

AnimatedWebs templates, prompts, demos and media are licensed under the AnimatedWebs Terms. The plugin manifest and skills in this repository are provided for use with the AnimatedWebs service.

Release notes are in CHANGELOG.md and the repository licence is in LICENSE.md.

Claude and Claude Code are trademarks of Anthropic, PBC. Other names mentioned belong to their respective owners.

© 2026 AnimatedWebs

Source: README.md at commit 640eed7

Tools

0
This server asks you to sign in, so SourceWeft could not read its tools without an account and has not indexed them. What a connected account sees can depend on that account and its permissions.

Version history

2
  1. v1.2.2LatestNov 3, 2026
  2. v1.2.1Oct 12, 2026

Score

75% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 daysRequired25 pts
  • Auth declaredRequired10 pts
  • Tools listed15 pts

    Answer tools/list without a credential, or ship a package that starts in a sandbox without one.

  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts

    Declare a license in the repository or the registry entry.