Prototyp · Vorschau: alle Server aus der offiziellen Registry, alle 30 Minuten synchronisiert. Mit Google anmelden, um Bewertungen zu schreiben.
PopNx MCPMCP-Server für alle, die KI nutzen · in einfachen Worten erklärt

AnimatedWebs

von iboss21Version 1.2.2i★ 1iLäuft in der Cloud
Name in der Registrycom.animatedwebs/animatedwebs

So installierst du es

What it does

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

  • Connects Läuft in der Cloud
  • Account or key No key needed
  • Category Design, Bilder & Audio

Installation

Wähle die KI-App, die du nutzt, und kopiere die Einstellungen.

4/5 Prüfungen bestanden · Was du fragst, läuft über den Server des Anbieters (mcp.animatedwebs.com)

Zuerst: Welche KI nutzt du?

Wähle deine App, dann erscheinen die Schritte unten.

Klappt mit Claude · etwa 2 Min.

Kein Schlüssel, nichts zu installieren · Einmal auf claude.ai oder in der Desktop-App einrichten, dann im Chat nutzen · kostenlose Konten können 1 hinzufügen · bei Team/Enterprise fügt ein Owner ihn hinzu

  1. Öffne die Connectors-Seite von Claude

    CustomizeConnectors

    CustomizeConnectors1+ Add2https://…3Add4
  2. Klicke „+ Add“ → „Add custom connector“ und fülle diese 2 Felder aus

    Kopiere jeden Wert in das gleichnamige Feld in Claude und klicke Continue

    Name · NameAnimatedWebs
    Remote MCP server URL · Adressehttps://mcp.animatedwebs.com

    Authentication so lassen, wie Claude es erkannt hat, dann Add klicken

  3. Im Chat einschalten

    +ConnectorsAnimatedWebs

  4. Ausprobieren

    Nutze AnimatedWebs und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Claude sagt, dass es AnimatedWebs nutzt, oder ein Werkzeug von AnimatedWebs in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit ChatGPT nur in Firmen-Tarifen

ChatGPT Business, Enterprise oder Edu im Web, hinzugefügt von Admin oder Inhaber des Workspace · Mit Free, Plus oder Pro: Dein ChatGPT-Tarif kann MCP noch nicht selbst verbinden

  1. In ChatGPT im Web die Seite zum Hinzufügen von MCP öffnen

    Plugins+Add custom MCP server

    ChatGPTPlugins1+2https://…3Create4
  2. Name und Adresse eintragen

    Namen eingeben, Adresse unter Connection einfügen, Risikohinweis abhaken und Create as a plugin klicken

    Name · NameAnimatedWebs
    Connection · Adressehttps://mcp.animatedwebs.com
  3. AnimatedWebs im Chat auswählen

    Neuen Chat öffnen und vor dem Tippen AnimatedWebs aus deinen Plugins wählen

  4. Ausprobieren

    Nutze AnimatedWebs und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn ChatGPT sagt, dass es AnimatedWebs nutzt, oder ein Werkzeug von AnimatedWebs in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von OpenAI abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit Claude Code · etwa 2 Min.

Kein Schlüssel, nichts zu installieren

  1. Terminal öffnen

    Mac: Command+Leertaste drücken und Terminal tippen · Windows: PowerShell öffnen

  2. Diesen Befehl einfügen und Enter drücken

    claude mcp add --transport http --scope user animatedwebs https://mcp.animatedwebs.com
  3. /mcp in Claude Code eingeben

    AnimatedWebs sollte in der Liste als verbunden erscheinen

  4. Ausprobieren

    Nutze AnimatedWebs und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Claude Code sagt, dass es AnimatedWebs nutzt, oder ein Werkzeug von AnimatedWebs in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Anthropic abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit Cursor · etwa 2 Min.

Kein Schlüssel, nichts zu installieren

  1. Mit diesem Button Cursor öffnen

    In Cursor öffnen

    Cursor fragt nach einer Bestätigung; klicke Install

  2. KI-Chat in Cursor im Agent-Modus öffnen

  3. Ausprobieren

    Nutze AnimatedWebs und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn Cursor sagt, dass es AnimatedWebs nutzt, oder ein Werkzeug von AnimatedWebs in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von Cursor abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Klappt mit VS Code · etwa 2 Min.

Kein Schlüssel, nichts zu installieren

  1. Mit diesem Button VS Code öffnen

    In VS Code öffnen

    VS Code fragt nach einer Bestätigung; klicke Install

  2. KI-Chat in VS Code im Agent-Modus öffnen

  3. Ausprobieren

    Nutze AnimatedWebs und sag mir, was du für mich tun kannst; zeig mir dann eine Sache

    ✓ Wenn VS Code sagt, dass es AnimatedWebs nutzt, oder ein Werkzeug von AnimatedWebs in der Antwort zeigt, bist du verbunden

Menünamen am 11. Nov. 2026 mit der Hilfe von VS Code abgeglichen · dein Bildschirm kann je nach App-Version leicht abweichen

Andere Apps mit MCP, etwa Windsurf, Zed oder Gemini CLI, fügen Server unterschiedlich hinzu. Sieh in der App-Liste nach

Alle Apps mit MCP ansehen →

Adresse für Apps, die über das Web verbinden

Adressehttps://mcp.animatedwebs.com

JSON-Einstellungen stehen unten unter „Für Entwickler“

Hängst du fest? Frag Leute, die AnimatedWebs nutzen💬 Diskussion →
Für Entwickler: Terminal-Befehle und JSON-Einstellungen

Über das Web

Claude Code

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

Cursor (~/.cursor/mcp.json)

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

VS Code (mcp.json)

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

Diese Einstellungen werden aus dem Registry-Eintrag des Entwicklers erzeugt. Wenn in der README etwas anderes steht, folge der README.

Auf einen Blick

Downloads pro Wochei
Nicht auf npm/PyPI
Bestätigte Domain
✓ animatedwebs.com
Lizenzi
Keine Lizenz angegeben
Verbindung
Läuft in der Cloud
Transport
streamable-http
Neueste Versioni
1.2.2
In der Registry veröffentlichti
2. Nov. 2026
Code zuletzt geänderti
2. Nov. 2026
Entwickler
iboss21
Registry-Status
Aktiv

Welche Apps ihn nutzen können

Basierend darauf, wie sich dieser Server verbindet, und auf der eigenen Doku jeder App, geprüft am 10. Nov. 2026.

Verbinden sich über das Internet in

ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

Alle Apps, mit Vor- und Nachteilen →

Was er kann

Tool-Namen und -Beschreibungen genau so, wie der Server sie am 11. Nov. 2026 gemeldet hat. Geschrieben hat sie der Entwickler, nicht wir; wir zeigen sie als reinen Text.

  • search_catalog

    Searches the AnimatedWebs catalog (AnimatedWebs templates, UI library components, cinematic video backgrounds, website style references and verified creators) and returns metadata grouped by kind, never prompt text or source code. Use it first to find an identifier, then open one

  • list_categories

    Lists the valid values for search_catalog's category filter, with counts. Use it before filtering a search by category; use search_catalog itself to find items. kind templates (default) returns AnimatedWebs template categories under categories (fixed display order, zero-count cat

  • get_template

    Returns one AnimatedWebs template by slug: description, stack, tags, access level, tools it works with, licence note, demo and preview URLs, views, saves and likes, and with include_prompt true the full build prompt as Markdown. Use it to inspect a template found with search_cata

  • get_component

    Returns one AnimatedWebs UI library component by id: description, runtime, interaction, tags, every variant with live URL and thumbnail, import name, shadcn install command, and with include_source true its complete source code (Pro). Use it after search_catalog (kind components)

  • generate_component

    Writes one new UI component from a text description with AnimatedWebs AI and returns a complete self-contained HTML document (Tailwind CDN, inline JS). Use it when no library component fits; search_catalog (kind components) first to reuse one, and refine_component to change a res

  • refine_component

    Applies one requested change to an existing component's HTML with AnimatedWebs AI and returns the complete updated HTML document. Use it to iterate on a generate_component result (or any self-contained HTML component); use generate_component to start from scratch. Output has the

  • open_builder

    Returns links that start a new project from one AnimatedWebs template's build prompt in Lovable, v0 and Bolt; nothing is created until the user opens a link. Use it to hand a template to a hosted AI builder; use get_template with include_prompt true instead to build it yourself i

  • get_background

    Returns one AnimatedWebs cinematic video background by slug: on Pro and Lifetime the clean watermark-free MP4 URL plus an HTML snippet for a muted, looping, autoplaying hero video; on other plans the watermarked preview URL, clean: null and the plan required (not an error). Use i

  • get_style_reference

    Returns the full DESIGN.md for one AnimatedWebs website style reference (colour tokens, type scale, radius, buttons, layout notes, build prompt) plus a Tailwind v4 @theme block and CSS variables. Use it after search_catalog (kind styles) to build original work in that style; use

  • get_creator

    Returns one verified AnimatedWebs creator's public profile by handle (name, headline, bio, website, stack, specialties, tier, certificate number, profile URL) and their live templates (title, tagline, kind, access, price in USD, stack, demo and preview URLs). Use it after search_

  • get_pricing

    Returns AnimatedWebs plans and prices (Free, Prompt Pack, Pro monthly and yearly, Lifetime) with what each includes, founding Lifetime spots left and the pricing page URL. Use it for plan and price questions; use get_account for the signed-in user's own plan, credits and usage. P

  • get_account

    Returns the signed-in account's AnimatedWebs plan and today's usage (Pro prompt access or Prompt Pack credits, UI generations and Design AI requests used against the daily limits), links, the Design workspace URL, and on request the account's items. Use it to check whether a Pro

  • request_template

    Sends the AnimatedWebs team a request for a new template or component that the catalog does not have, and returns the request id. Use it only after search_catalog found nothing suitable; use manage_request to check, list or cancel requests already sent instead of sending one agai

  • manage_request

    Lists, checks or cancels the signed-in account's own template requests (sent with request_template or the contact form's template-request topic). Use it to follow up on a request instead of sending it again; use request_template to send a new one. action list (default) returns re

  • save_item

    Saves, unsaves or lists the signed-in account's favorite AnimatedWebs templates, UI components and cinematic backgrounds. Use it when the user wants to keep an item for later or see what they kept; use get_account with include_items for the full picture (saved plus unlocked and g

Basischecksi

Wir prüfen Informationen, die jeder sehen kann; den Code haben wir nicht gelesen. Checks, die nicht zutreffen, werden nicht mitgezählt. · Geprüft am 12. Nov. 2026

  • ✓ Bestanden

    Entwickler passt zum Repo

    Der Registry-Name wurde über die Domain animatedwebs.com bestätigt (die Registry prüft, wem die Domain gehört)

  • ✓ Bestanden

    Wird noch gepflegt

    Code zuletzt geändert: vor 10 Tagen

  • ! Vorsicht

    Hat eine Lizenz

    GitHub konnte die Lizenzart nicht erkennen; öffne die Datei, um nachzusehen

  • ✓ Bestanden

    Endpunkt antwortet

    Antwort in 310 ms (HTTP 200)

  • – Nicht zutreffend

    Anmeldung mit OAuth

    Keine Anmeldung nötig

  • ✓ Bestanden

    Keine versteckten Anweisungen in Tool-Beschreibungen

    Wir haben 15 Tool-Beschreibungen gelesen und keine versteckten Anweisungen an die KI gefunden

Diskussion

Fragen, Tipps teilen oder melden, dass etwas nicht geht. Sortiert nach „hilfreich“.

Noch keine Beiträge. Stell die erste Frage oder teile einen Tipp.

Beiträge hier stammen von Nutzern, nicht vom PopNx-Team.

Mit Google anmelden, um zu posten

Nutzerbewertungen

Noch keine Bewertungen

Mit Google anmelden, um zu bewerten

Im Vergleich mit anderen in Design, Bilder & Audioi

  • Mehr Sterne als 78 % der anderen 2946 Server in dieser Kategorie
  • Neuer in der Registry veröffentlicht als 78 % der anderen 2946 Server in dieser Kategorie
  • Basischecks gleich gut wie oder besser als bei 53 % der anderen 2946 Server in dieser Kategorie

Verglichen mit allen aktiven Servern dieser Kategorie in der Registry. Sterne zählen nur, wenn dem Herausgeber das Repo gehört.

Häufige Fragen

Ist AnimatedWebs sicher?

Er hat 4 von 5 zutreffenden Basischecks bestanden. Den Code haben wir nicht gelesen. Bevor du einen Schlüssel oder Token hinzufügst, sieh nach, welche Zugriffe der Server verlangt, und nutze einen Schlüssel, der nur die Berechtigungen hat, die du brauchst.

Welche Schlüssel oder Codes braucht er?

Die Registry nennt keinen erforderlichen Schlüssel, manche Server bitten dich aber bei der ersten Nutzung, dich anzumelden.

Läuft er auf meinem Computer oder in der Cloud?

Er läuft in der Cloud des Entwicklers. Du verbindest dich übers Internet, ohne etwas zu installieren, aber was du sendest, läuft über die Server des Entwicklers.

Wird er noch gepflegt?

Das GitHub-Repo wurde zuletzt vor 10 Tagen geändert, und die neueste Version (1.2.2) kam vor 10 Tagen in die Registry.

Welche Apps können ihn nutzen?

Apps, die MCP unterstützen, etwa Claude Desktop, Claude Code, Cursor und VS Code. Er verbindet sich per URL und funktioniert daher auch in Apps mit Remote-MCP, etwa ChatGPT Business und höher.

Was kann ich stattdessen nutzen?

In derselben Kategorie: Figma Context MCP, AutoClip, Next AI Draw.io

Andere in derselben Kategorie

Server derselben Kategorie von anderen Entwicklern, sortiert nach Sternen.

So liest du eine Karte:↓ Downloads pro Wochei★ GitHub-SterneiDrei Säulen: Bewertungen · Checks · NutzungiAktualisiert = neueste Version in der Registry veröffentlichti

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

von GLipsWeit verbreitet↓ 152.142/Wo.★ 16.189Aktualisiert vor 5 Monaten

Läuft auf deinem Computer

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

von zhouxiaokaWeit verbreitet↓ 205/Wo.★ 10.303Aktualisiert vor 15 Tagen

Läuft auf deinem Computer

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

von DayuanJiangWeit verbreitet↓ 21.676/Wo.★ 36.873 Sterne des ganzen ReposAktualisiert vor 5 Tagen

Läuft auf deinem Computer

README vom Entwickler

README öffnen

Unverändert aus dem Repo des Entwicklers übernommen. PopNx MCP hat den Inhalt weder geprüft noch empfiehlt es ihn. HTML, Bilder und Skripte wurden entfernt. Links führen von dieser Website weg.

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

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:

/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:

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 Selects the best-matching template and builds the complete site
/animatedwebs:browse Lists matching templates with links to their live demos
/animatedwebs:hero Replaces the current hero with a cinematic one
/animatedwebs:background Adds a cinematic video background to the hero
/animatedwebs:component Adds an animated UI component from the library, or generates one
/animatedwebs:style 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 WebGL constellation brain · AI / SaaS

Orchid Cinematic video hero · AI studio

Amethyst Cinematic video hero · Travel

Chrome Capital Liquid chrome film · Fintech

Aurora Lagoon Cinematic video hero · Wellness

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