Produkte

Motion

Nutzt KIEtablierter Leader

The animation library loved by humans and agents alike.

motion.dev Quelle★ 3,563MITSoftwareentwicklung / Entwickler-Tools

KI-Benchmark
Desktop
Mobil
Besuche pro Monat
579.6K
Abwärts4.4%zum VormonatSept. 2026
Veröffentlichter Umsatz
Nicht offengelegt
Noch keine öffentlichen Umsatzbelege
Einstiegspreis
$399/Mon.
Höher als 99 % vergleichbarer ProdukteNischen-Median $9.99/Monat
Entwickler
Matt Perry
@mattgperry· 24.7K Follower
Start
vor 5 J.
2021-09-22 · Gesch.

Traffic

Besuche pro MonatDaten bis Sept. 2026
Ereignisse9 Änderungen · 1 Marketing-Aktion

Marketing-Aktionen

Launches, Suche & Content, Verweise, Aktionen
  • Motion 14.7 introduces transition.outProduktaktivität

    Motion announced version 14.7, which adds a transition.out prop so a motion component can define a transition specifically for when it leaves a state. The post says this addresses a long-standing API gap, for instance so a mount delay does not affect later hover transitions.

    4. Nov. · vor 9 Tg.Launch-PostX-Beitrag

  • Motion launched on Product HuntLaunch

    A DevTools extension for creating web animations

    11. Mai 2022 · vor 4 J.Quelle

  • Motion launched on Show HN (327 Pkt. · 58 Kommentare)Launch

    Motion One – New animation library, built on the Web Animations API

    22. Sept. 2021 · vor 5 J.Quelle

  • Motion launched on Product HuntLaunch

    The web animations API for everyone

    22. Sept. 2021 · vor 5 J.Quelle

Open Source & Self-Hosting

GitHub · MCP / Skill
Letzter Commit 2026-11-06
GitHub-Stars
★ 3,563
Forks
187
Lizenz
MIT
Hauptsprache
JavaScript

Traffic-Quellen

Sept. 2026

Traffic-Aufteilung

Noch keine Kanal- oder Länderdaten für diese Website.

Suchen

Domain-Authority —Domain registriert 2020-04-05

Noch keine Such-Keyword-Daten für diese Website.

Traffic-Daten: Vaneform

Preise

Motion+
$399/einmalig
Examples and tutorials · Motion UI · AI Kit · Studio · Lifetime updates

Testphase: Keine · 1 paid tier ($399) · Observed 2026-11-03 · Preisseite

Einstiegspreis $399/Mon., Höher als 99 % vergleichbarer Produkte; “Entwickler-Tools“-Median liegt bei $9.99/Monat.Preis-Benchmark ansehen

Seiten & Änderungen

Erfasst seit 2021-09-22

Wichtige Seiten

Wöchentliche Snapshots

Änderungen

  1. 1. Nov. · vor 12 Tg.

    Startseiten-Hauptüberschrift (H1) geändert zu „Motion. Production-grade animation library for the web.“Positionierung

    Motion. A production-grade animation library for the web.→Motion. Production-grade animation library for the web.

  2. 1. Nov. · vor 12 Tg.

    Eingeführte Technologie: Cloudflare Bot ManagementFunktionen

    —→Cloudflare Bot Management

  3. 1. Nov. · vor 12 Tg.

    Eingeführte Technologie: Cloudflare Browser InsightsFunktionen

    —→Cloudflare Browser Insights

  4. 1. Nov. · vor 12 Tg.

    Entfernte Technologie: Framer SitesFunktionen

    Framer Sites→—

  5. 1. Nov. · vor 12 Tg.

    Entfernte Technologie: HTTP/3Funktionen

    HTTP/3→—

  6. 1. Nov. · vor 12 Tg.

    Entfernte Technologie: Priority HintsFunktionen

    Priority Hints→—

Design

First-Screen-Visual-Analyse & :root-CSS

Dark Developer (Dunkel-Hintergrund, Dichte: Luftig) mit Vollbild-Canvas / Video / 3D-Layout und 3D-Render / Taktiles Objekt-Visuals.

Vorschau · zum Vergrößern klicken

First-screen pitch & conversion flow

“The animation library loved by humans and agents alike.”

Vollbild-Canvas / Video / 3D-Hero-Struktur kombiniert mit App laden / Erweiterung installieren-CTA und Keine explizite Vertrauensleiste.

Conversion path: Vollbild-Canvas / Video / 3D + 3D-Render / Taktiles Objekt → App laden / Erweiterung installieren

Palette · klicken zum Kopieren

5D-Design-Score8.0 / 10
Typografie
8.0
Farbe & Kontrast
8.0
Layout & Abstände
8.0
Detail & Feinschliff
8.0
Wiedererkennungswert
8.0

Struktur

Schriften
Inter / IBM Plex Mono
Hauptvisual
3D-Render / Taktiles Objekt
Social Proof
Keine explizite Vertrauensleiste
Navigation
Volle Kopfzeile
Thema & Dichte
Dunkel · Luftig
Ecken & Tiefe
Kantig · Feine Rahmenlinien
Vollständigen KI-Design-Brief anzeigen (inkl. :root CSS-Variablen & Layoutregeln)Nur Stil-Tokens; niemals Markennamen, Logos, Texte oder Bilder kopieren
# Design-Brief: Dark Developer (mit Minimalistisches Monochrom)

Tiefdunkle Oberflächen, Monospace-Typografie, Terminal-/Code-Snippets und hochpräzise Rahmen.

## Design-Tokens

```css
:root {
  --background: #080808;
  --surface: #141414;
  --foreground: #eaeae5;
  --muted-foreground: #92928f;
  --accent: #ffda00;
  --radius: 0px;
  --font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}
```

Farbflächenverhältnis: Hintergrund #080808 (~90%) · Oberfläche #141414 (~2%) · Text #EAEAE5 (~3%) · Gedämpfter Text #92928F (~3%) · Akzent #FFDA00 (~2%). Hintergrund und Oberfläche dominieren die Fläche; reservieren Sie die Akzentfarbe für primäre Buttons und aktive Zustände.

## Layout- & Conversion-Struktur

- Hero-Layout: Vollbild-Canvas / Video / 3D
- Navigation: Volle Kopfzeile
- Theme & Dichte: Dunkel · Luftig
- Eckenradius & Tiefe: Kantig; keine Schlagschatten — Ebenen durch feine Linien und Weißraum trennen
- Primäres visuelles Medium: 3D-Render / Taktiles Objekt
- Conversion-CTA: App laden / Erweiterung installieren
- Headline-Hook: Kategorie-Positionierungsanker
- Hero-Komponenten: Code & Terminal
- Hinweise zum räumlichen Layout: Vollbild-Canvas / Video / 3D-Hero-Struktur kombiniert mit App laden / Erweiterung installieren-CTA und Keine explizite Vertrauensleiste.
- Visuelle Zusammenfassung: Dark Developer (Dunkel-Hintergrund, Dichte: Luftig) mit Vollbild-Canvas / Video / 3D-Layout und 3D-Render / Taktiles Objekt-Visuals.

## Vermeiden

- Warme Pastell-Hintergründe
- Verspielte Cartoon-Illustrationen
- Überall überdimensionierte Pillen-Buttons

Implementieren Sie die Oberfläche gemäß den obigen Design-Tokens und Layout-Vorgaben: Verwenden Sie ausschließlich diese Farbvariablen und reservieren Sie die Akzentfarbe strikt für primäre Aktionen und aktive Zustände. Übernehmen Sie nur diesen visuellen Stil — kopieren Sie niemals Markennamen, Logos, Texte oder Bilder von Referenzprodukten.

Fragen und Belege

Was kostet Motion? (Preise & Tarife)
Motion+: $399/einmalig. Beobachtet am 2026-11-03. Prüfe die Quelle für aktuelle Zahlungsbedingungen, Nutzungslimits und Steuern.Quelle
Wie viel Webtraffic erhält Motion?
Vaneform schätzt 579.6K Websitebesuche für 2026-09. Wiederholte Besuche können enthalten sein. Zahlende Kunden und Umsatz benötigen eigene Belege.Quelle

Produkte in derselben Kategorie

Softwareentwicklung / Entwickler-Tools

Diese Produkte gehören zur selben Kategorie. Vergleiche Anwendungsfälle, Funktionen und Bereitstellungsanforderungen, bevor du sie als Alternativen auswählst.