AnimatedWebs

com.animatedwebs由 animatedwebs.com 发布官方发布者v1.2.2更新于 Nov 3, 2026

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

已验证Streamable HTTP可网页运行开发者工具媒体与设计

概览

AI 生成的概览

AnimatedWebs 的远程 MCP 服务器，让助手搜索 1400 多个动画网站模板、背景、UI 组件和设计系统，并构建到项目中。

可以做什么
  • 搜索模板、组件、背景、样式和创作者，并列出分类
  • 获取模板及其构建提示词，或在构建器中打开，并可提交模板需求
  • 获取带源码的动画 UI 组件，生成与优化组件
  • 获取电影感视频背景和设计系统样式参考
  • 读取账户信息（含 Design Studio 工作区）、价格和创作者资料
适用场景
适合让助手挑选匹配的动画模板、首屏、视频背景、组件或设计系统并应用到自己的网站，尤其在 Claude Code 或其他 MCP 客户端中使用。
运行要求
远程 streamable HTTP 端点 mcp.animatedwebs.com，无需本地安装包。首次调用工具时通过浏览器 OAuth 登录，免费账户即可开始。Pro 模板、背景、组件源码和商业授权需付费 Pro 方案。
安装前请注意
登录使用 OAuth，插件不保存密码或 API 密钥。部分工具会生成或优化组件、在构建器中打开内容，AI 生成次数按方案每日限额。Pro 内容与商业用途需付费订阅（每月 19 美元或每年 149 美元）。模板、提示词和媒体受 AnimatedWebs 条款约束。

安装

在 SourceWeft 中

  1. 打开 控制台中的 AnimatedWebs，将其添加到工作区。
  2. 连接 所需的 凭据。它们会被私密存储，绝不会在公开页面上展示。
  3. 为需要使用其工具的对话启用该服务。

Web executable，通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体，或 SourceWeft 对话中。智能体会读取该服务器的安装指南，先向你展示发布者、端点和登录方式，经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/com.animatedwebs%2Fanimatedwebs/install.md，并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前，先告诉我它的发布者、端点和登录方式，等我确认。不要把 API 密钥写进命令或我会提交的文件；问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。 客户端会在首次连接时完成 OAuth 登录。

{
  "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

来源：README.md，提交 640eed7

工具

0
该服务器需要登录，因此 SourceWeft 无法在没有账号的情况下读取其工具，也未收录。已连接账号所能看到的内容可能因账号及其权限而异。

版本历史

2
  1. v1.2.2最新Nov 3, 2026
  2. v1.2.1Oct 12, 2026

评分

已满足适用检查项的 75%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

    请在仓库或注册中心条目中声明许可证。