AnimatedWebs

Name: AnimatedWebs
Author: iboss21

de iboss21versión 1.2.2i★ –iSe ejecuta en la nube

Nombre en el registrocom.animatedwebs/animatedwebs

Instalar

Resumen

Descripción del creador (original en inglés)

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

Los tres pilares de PopNx MCP

Estos tres nunca se combinan en una sola puntuación: las opiniones, las mediciones y la popularidad son cosas distintas.

Opinión de usuariosiAún no hay reseñasLas reseñas se abrirán junto con las cuentas en una etapa posterior
Nuestras revisiones básicasi3 de 3 superadasRevisado con información pública; el código aún no se ha escaneado
UsoiAún sin medir★ –

Qué puedes hacer con él

Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.

Conexión: Se ejecuta en la nube
Transporte: Streamable HTTP
Categoría: Diseño, imágenes y audio

Instalación

Elige la app de IA que usas y copia la configuración.

Antes de instalar

Revisiones básicas: 3 de 3 superadas
Se ejecuta en el servidor del creador: lo que le pidas pasa por su servidor.
El registro no indica ninguna clave que completar.

Necesitas

Se ejecuta en la nubeNo hay nada que instalar; se conecta por internet

¿Qué app usas?

ClaudeClaude CodeCursorVS CodeChatGPT

Elige tu app arriba. La recordamos, así que la próxima vez el botón dirá “Instalar en …”.

Funciona en Claude para web, escritorio y móvil:

Abre Settings → Connectors
Presiona Add custom connector
Pega la dirección de abajo y presiona Add
Si te pide iniciar sesión, inicia sesión en el servicio del creador

https://mcp.animatedwebs.com

Ejecuta esto en tu terminal

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

Abrir en Cursor

O copia la configuración tú

Pégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json

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

Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.

Abrir en VS Code

O copia la configuración tú

Pégalo en .vscode/mcp.json de tu proyecto

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

Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.

ChatGPT solo se conecta a servidores en internet:

Abre ChatGPT en la web → Settings → Connectors (Apps)
Presiona Create o Add (en algunos planes primero hay que activar Developer mode en Advanced)
Pega la dirección de abajo, ponle un nombre y guarda
Si te pide iniciar sesión, inicia sesión en el servicio del creador

https://mcp.animatedwebs.com

Los nombres de los menús pueden variar un poco según el plan y con el tiempo.

Tu elección se guarda en una cookie en este dispositivo; no necesitas cuenta.

Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.

Qué puede hacer

El servidor pide iniciar sesión antes de mostrar sus herramientas.

Revisiones básicasi

Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 6 nov 2026

✓ Superada
El creador coincide con el repo
El nombre en el registro se verificó con el dominio animatedwebs.com (el registro comprueba quién es dueño del dominio)
… Aún sin revisar
Sigue en mantenimiento
Todavía no hemos leído este repo en GitHub
… Aún sin revisar
Tiene licencia
Todavía no hemos leído este repo en GitHub
✓ Superada
El endpoint responde
Respondió en 274 ms (HTTP 401)
✓ Superada
Inicio de sesión con OAuth
Declara inicio de sesión con OAuth, así que tu app de IA puede llevarte a iniciar sesión
… Aún sin revisar
Sin instrucciones ocultas en las descripciones de herramientas
Aún sin revisar; leemos la lista de herramientas cuando revisamos el endpoint

Comparado con otros en Diseño, imágenes y audioi

Más estrellas que el 0% de los otros 2175 servidores de esta categoría
Publicado en el registro más recientemente que el 89% de los otros 2175 servidores de esta categoría
Revisiones básicas iguales o mejores que el 100% de los otros 2175 servidores de esta categoría

Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.

Preguntas frecuentes

¿Es seguro AnimatedWebs?

Superó 3 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.

¿Qué claves o códigos necesita?

El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.

¿Se ejecuta en mi computadora o en la nube?

Se ejecuta en la nube del creador. Te conectas por internet sin instalar nada, pero lo que envías pasa por los servidores del creador.

¿Sigue en mantenimiento?

El repo de GitHub cambió por última vez –, y la última versión (1.2.2) llegó al registro hace 4 días.

¿Qué apps pueden usarlo?

Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. Se conecta por URL, así que también funcionan las apps que aceptan servidores MCP remotos, como ChatGPT en modo desarrollador.

¿Qué puedo usar en su lugar?

En la misma categoría: Figma Context MCP, Claude Real Video, Figma MCP Server

Alternativas

Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.

Cómo leer una tarjeta:★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi

Figma Context MCP

de GLips

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

Se ejecuta en tu computadora★ 16.165MITActualizado hace 5 meses

Instalar

Claude Real Video

de HUANGCHIHHUNGLeo

Let any LLM watch a video locally — and search everything it has ever watched.

Se ejecuta en tu computadora★ 2284MITActualizado hace 2 meses

Instalar

Figma MCP Server

de figma

The Figma MCP server brings Figma design context directly into your AI workflow.

Se ejecuta en la nube★ 2152Actualizado hace 13 meses

Instalar

README del creador

Abrir el README

Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.

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

Command	Description
`/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:design`	Connects your AnimatedWebs Design Studio workspace

Skills

Skill	Used when you ask to
`animatedwebs-site`	build a full website or landing page
`animatedwebs-hero`	create or upgrade a hero section
`animatedwebs-backgrounds`	add a video or motion background
`animatedwebs-components`	add animated UI components
`animatedwebs-style`	apply a visual style or design system
`animatedwebs-design`	work 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.

Area	Tools
Search	`search` (templates, components, backgrounds, styles, creators; `kind`, filters, empty query browses, `cursor` pages) · `list_categories`
Templates	`get_template` · `get_template_prompt` · `open_in_builder` · `request_template`
UI Library	`get_component` · `get_component_source` · `generate_component` · `refine_component`
Cinematic Backgrounds	`get_background`
Styles	`get_style_reference`
Account and community	`get_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

	Free	Pro
Free templates and prompts	Unlimited	Unlimited
Pro templates, backgrounds and component source		Unlimited
AI component generations	5 a day	100 a day
Design Studio AI requests	40 a day	600 a day
Commercial licence for client work		Included

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.

AnimatedWebs

Resumen

Los tres pilares de PopNx MCP

Qué puedes hacer con él

Instalación

Antes de instalar

Qué puede hacer

Revisiones básicasi

El creador coincide con el repo

Sigue en mantenimiento

Tiene licencia

El endpoint responde

Inicio de sesión con OAuth

Sin instrucciones ocultas en las descripciones de herramientas

Comparado con otros en Diseño, imágenes y audioi

Preguntas frecuentes

Alternativas

Figma Context MCP

Claude Real Video

Figma MCP Server

README del creador

Overview

Installation

Quick start

Commands

Skills

MCP tools

Featured templates

Plans

Security and privacy

Support

Legal