Subframe Motion

Name: Subframe Motion
Author: subframe.com

von subframe.comVersion 1.0.0i★ –iLäuft in der Cloud

Name in der Registrycom.subframe/motion

So installierst du es

What it does

Open-source React animations, Motion components and WebGL shaders.

Connects Läuft in der Cloud
Account or key No key needed
Category Sonstiges

Warum es hier steht

Dieser Eintrag steht im Tab „Apps, die sich mit KI verbinden“, der ohne Sterne in dieser Reihenfolge sortiert

1. In Claudes Connector-Verzeichnis	Ja	Beliebtheit im Verzeichnis 11.059
2. Vom Team getestet	Nein
3. Für Nutzer in Thailand geeignet	Nein
4. Nutzung ohne Sterne	20/100	Beliebtheit 0 · Aktualität 12 · Antwortet noch 8
5. Eingetragen am	2026-11-13

Qualität: 2/3 Basisprüfungen bestanden (angezeigt, nicht zur Sortierung)

Was wir prüfen → · Prüfergebnisse als JSON

Installation

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

2/3 Prüfungen bestanden · Was du fragst, läuft über den Server des Anbieters (mcp.subframe.com) · ✓ Befehle geprüft am 14. Nov. 2026

Zuerst: Welche KI nutzt du?

ClaudeWeb · App · HandyChatGPTWebClaude CodeTerminalCursorCode-EditorVS CodeCode-EditorAndereAndere Apps

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

Direkt in der Claude-App installieren, ohne Einrichtung

Subframe ist in Claudes kuratierter Liste. Über den Button unten direkt hinzufügen · geprüft am 16. Nov. 2026

Die Subframe-Seite in Claude öffnen
Subframe in Claude öffnen
Öffnet sich auf claude.ai · ohne Anmeldung zeigt die Seite zuerst „Sign in to add“
„Connect to Claude“ klicken und bei Subframe anmelden, falls gefragt
Erscheint „Failed to add the connector“, kurz warten und erneut klicken oder einen anderen Weg unten nutzen
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn Claude sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion in der Antwort zeigt, bist du verbunden

Link geht nicht auf? Über das Menü

Öffne Claude im Web (claude.ai) oder die App Claude Desktop
Klicke links in der Seitenleiste auf „Customize“
Customize
Wähle den Tab „Connectors“ und klicke auf „+“ neben Connectors
CustomizeConnectors+
Gib „Subframe“ ins Suchfeld ein oder suche in der Liste und klicke darauf
Klicke auf „Connect“ (manche zeigen „Install“)
Melde dich beim Dienst an, falls gefragt
Im Chat einschalten: „+“ unten links im Chat → „Connectors“ → Subframe einschalten

Menünamen sind englisch wie auf Claudes Bildschirm

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

Anderer Weg: selbst per URL hinzufügen (custom connector)

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

Öffne die Connectors-Seite von Claude
CustomizeConnectors
Erledigt
Klicke „Add“ → „Custom“ → „Web“ und fülle diese 2 Felder aus
Kopiere jeden Wert in das gleichnamige Feld in Claude und klicke Continue
Name · NameSubframe Motion
Remote MCP server URL · Adressehttps://mcp.subframe.com/motion/mcp
Klicke auf der von Claude erkannten Anmelde-Seite auf Continue · wähle bei Authentication, was der Anbieter angibt (Sign in now, Sign in when needed oder No sign in), dann Add
Erledigt
Im Chat einschalten
+ConnectorsSubframe Motion
Erledigt
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn Claude sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion 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 je nach Tarif

Volles MCP: ChatGPT Business, Enterprise oder Edu im Web · Pro: verbindet mit Lese-/Abrufrechten, Werkzeuge, die Daten ändern, gehen evtl. nicht · Plus: in der Doku nicht bestätigt; siehst du auf der Plugins-Seite eine Option für eigene MCP-Server, kannst du es versuchen · nur Web

In ChatGPT im Web die Seite zum Hinzufügen von MCP öffnen
Plugins+Add custom MCP server
Erledigt
Name und Adresse eintragen
Namen eingeben, Adresse unter Connection einfügen, Risikohinweis abhaken und Create as a plugin klicken
Name · NameSubframe Motion
Connection · Adressehttps://mcp.subframe.com/motion/mcp
Erledigt
Subframe Motion im Chat auswählen
Neuen Chat öffnen und vor dem Tippen Subframe Motion aus deinen Plugins wählen
Erledigt
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn ChatGPT sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion 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

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

Diesen Befehl einfügen und Enter drücken

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

Erledigt

/mcp in Claude Code eingeben
Subframe Motion sollte in der Liste als verbunden erscheinen
Erledigt
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn Claude Code sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion 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

Mit diesem Button Cursor öffnen
In Cursor öffnen
Cursor fragt nach einer Bestätigung; klicke Install
Erledigt
KI-Chat in Cursor im Agent-Modus öffnen
Erledigt
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn Cursor sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion 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

Mit diesem Button VS Code öffnen
In VS Code öffnen
VS Code fragt nach einer Bestätigung; klicke Install
Erledigt
KI-Chat in VS Code im Agent-Modus öffnen
Erledigt
Ausprobieren
Nutze Subframe Motion und sag mir, was du für mich tun kannst; zeig mir dann eine Sache
✓ Wenn VS Code sagt, dass es Subframe Motion nutzt, oder ein Werkzeug von Subframe Motion 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.subframe.com/motion/mcp

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

Hängst du fest? Frag Leute, die Subframe Motion nutzen💬 Diskussion →

Für Entwickler: Terminal-Befehle und JSON-Einstellungen

Über das Web

Claude Code

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

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "motion": {
      "url": "https://mcp.subframe.com/motion/mcp"
    }
  }
}

VS Code (mcp.json)

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

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

Auf einen Blick

GitHub-Sterne i: –
Downloads pro Wochei: Nicht auf npm/PyPI
Bestätigte Domain: ✓ subframe.com
Lizenz i: Keine Lizenz angegeben
Verbindung: Läuft in der Cloud
Transport: streamable-http
Neueste Versioni: 1.0.0
Kategoriei: Sonstiges
In der Registry veröffentlichti: 14. Nov. 2026
Code zuletzt geänderti: –
Entwickler: subframe.com
Repo: –
Website: www.subframe.com
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

Claude ChatGPT Goose LM Studio Msty Studio Cherry Studio Cursor VS Code + GitHub Copilot Visual Studio Windsurf (Devin Desktop)Zed Kiro Cline Continue JetBrains AI Assistant Claude Code Codex CLI Gemini CLI OpenCode nodecode Warp LibreChat Open WebUI Raycast

Alle Apps, mit Vor- und Nachteilen →

Was er kann

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

search_motion_examples
Search the Subframe Motion Library for React animation examples. Describe what you want in plain words — the effect, the element, how it should feel, or, when matching a screenshot, what it looks like and what moves ('glowing border sweeping around a dark pricing card', 'playful
get_motion_example
Get one Subframe Motion Library example: its complete React source; how it looks and moves; adapt notes naming the code that drives the motion and what to change; the npm packages to install (none means React only); the images its code loads from /motion/assets/ with download URL
get_motion_guidance
Get Subframe's guidance for designing motion well, by topic: principles (whether to animate at all), timing (durations, curves, springs), enter-exit (menus, dialogs, toasts), feedback (hover, press, state, loading), scroll, ambient (loops, backgrounds, shaders), text-and-numbers,

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 16. Nov. 2026

! Vorsicht
Entwickler passt zum Repo
Die Registry nennt kein Quell-Repo, deshalb können wir den Herausgeber (subframe.com) nicht dem Code zuordnen
… Noch nicht geprüft
Wird noch gepflegt
Dieses Repo haben wir noch nicht von GitHub gelesen
… Noch nicht geprüft
Hat eine Lizenz
Dieses Repo haben wir noch nicht von GitHub gelesen
✓ Bestanden
Endpunkt antwortet
Antwort in 293 ms (HTTP 200)
– Nicht zutreffend
Anmeldung mit OAuth
Keine Anmeldung nötig
✓ Bestanden
Keine versteckten Anweisungen in Tool-Beschreibungen
Wir haben 3 Tool-Beschreibungen gelesen und keine versteckten Anweisungen an die KI gefunden

Was wir prüfen → · JSON

Entwickler: neue Prüfung anfordern oder falsche Angaben melden

Anmelden

Für Anbieter: Badge ins README

Wenn du das gebaut hast, füge diesen Code in dein README ein. Das Badge verlinkt auf diese Seite.

[![Featured on PopNx MCP](https://mcp.popnx.com/badge/subframe-motion.svg)](https://mcp.popnx.com/en/servers/subframe-motion)

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.

Anmelden, um zu posten

Nutzerbewertungen

Noch keine Bewertungen

Anmelden, um eine Bewertung zu schreiben

Im Vergleich mit anderen in Sonstigesi

Mehr Sterne als 0 % der anderen 20013 Server in dieser Kategorie
Neuer in der Registry veröffentlicht als 95 % der anderen 20013 Server in dieser Kategorie
Basischecks gleich gut wie oder besser als bei 45 % der anderen 20013 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 Subframe Motion sicher?

Er hat 2 von 3 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 – geändert, und die neueste Version (1.0.0) kam vorgestern 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 im Web (volles MCP ab Business; Pro nur lesend).

Was kann ich stattdessen nutzen?

In derselben Kategorie: World Monitor, openstatus, Oh My Posh Validator, Strata, Jitsu

README vom Entwickler

Keine README im Repo gefunden

	Dieser Subframe Motion	World Monitor	openstatus	Oh My Posh Validator	Strata	Jitsu
Läuft wo	Läuft in der Cloud, keine Installation	Läuft in der Cloud, keine Installation	Läuft in der Cloud, keine Installation	Läuft in der Cloud, keine Installation	Läuft in der Cloud, keine Installation	Läuft in der Cloud, keine Installation
Braucht Schlüssel	Nein	Nein	Nein	Nein	Nein	Nein
Mit + in Claude hinzufügen	Ja	Nein	Nein	Nein	Nein	Nein
Basisprüfungen	2/3	4/4	4/4	4/4	1/4	4/4
Lizenz	–	AGPL-3.0	AGPL-3.0	MIT	Apache-2.0	MIT
Preis	Keine Kosten im Register	Keine Kosten im Register	Keine Kosten im Register	Keine Kosten im Register	Keine Kosten im Register	Keine Kosten im Register

Subframe Motion

What it does

Warum es hier steht

Installation

Die Subframe-Seite in Claude öffnen

„Connect to Claude“ klicken und bei Subframe anmelden, falls gefragt

Ausprobieren

Öffne Claude im Web (claude.ai) oder die App Claude Desktop

Klicke links in der Seitenleiste auf „Customize“

Wähle den Tab „Connectors“ und klicke auf „+“ neben Connectors

Gib „Subframe“ ins Suchfeld ein oder suche in der Liste und klicke darauf

Klicke auf „Connect“ (manche zeigen „Install“)

Melde dich beim Dienst an, falls gefragt

Im Chat einschalten: „+“ unten links im Chat → „Connectors“ → Subframe einschalten

Öffne die Connectors-Seite von Claude

Klicke „Add“ → „Custom“ → „Web“ und fülle diese 2 Felder aus

Im Chat einschalten

Ausprobieren

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

Name und Adresse eintragen

Subframe Motion im Chat auswählen

Ausprobieren

Terminal öffnen

Diesen Befehl einfügen und Enter drücken

/mcp in Claude Code eingeben

Ausprobieren

Mit diesem Button Cursor öffnen

KI-Chat in Cursor im Agent-Modus öffnen

Ausprobieren

Mit diesem Button VS Code öffnen

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

Ausprobieren

Über das Web

Auf einen Blick

Welche Apps ihn nutzen können

Was er kann

Basischecksi

Entwickler passt zum Repo

Wird noch gepflegt

Hat eine Lizenz

Endpunkt antwortet

Anmeldung mit OAuth

Keine versteckten Anweisungen in Tool-Beschreibungen

Diskussion

Nutzerbewertungen

Im Vergleich mit anderen in Sonstigesi

Häufige Fragen

Ähnliche Alternativen

World Monitor

openstatus

Oh My Posh Validator

Strata

Jitsu

README vom Entwickler