·react-spring-physics
</>

react-spring-physics

Physikbasierte Animationsbibliothek, die React Spring (Federdynamik, Gestenintegration, 60-fps-Animationen) und Popmotion (zusammensetzbare Animationsdienstprogramme auf niedriger Ebene, reaktive Streams) kombiniert. Verwenden Sie es zum Erstellen flüssiger, natürlich wirkender UI-Animationen, gestengesteuerter Schnittstellen, physikalischer Simulationen oder federbelasteter Interaktionen. Wird bei Aufgaben ausgelöst, die React Spring Hooks, Federphysik, Trägheitsscrollen, physikbasierte Bewegung, Animationskomposition oder natürliche UI-Bewegungen umfassen. Alternativer physikalischer Ansatz für Motion-Framer für physikalisch genauere Animationen.

12Installationen·1Trend·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics

So installieren Sie react-spring-physics

Installieren Sie den KI-Skill react-spring-physics schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: freshtechbro/claudedesignskills.

Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.

React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.

Springs animate values from current state to target state using physical simulation:

Physikbasierte Animationsbibliothek, die React Spring (Federdynamik, Gestenintegration, 60-fps-Animationen) und Popmotion (zusammensetzbare Animationsdienstprogramme auf niedriger Ebene, reaktive Streams) kombiniert. Verwenden Sie es zum Erstellen flüssiger, natürlich wirkender UI-Animationen, gestengesteuerter Schnittstellen, physikalischer Simulationen oder federbelasteter Interaktionen. Wird bei Aufgaben ausgelöst, die React Spring Hooks, Federphysik, Trägheitsscrollen, physikbasierte Bewegung, Animationskomposition oder natürliche UI-Bewegungen umfassen. Alternativer physikalischer Ansatz für Motion-Framer für physikalisch genauere Animationen. Quelle: freshtechbro/claudedesignskills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Schnelle Antworten

Was ist react-spring-physics?

Physikbasierte Animationsbibliothek, die React Spring (Federdynamik, Gestenintegration, 60-fps-Animationen) und Popmotion (zusammensetzbare Animationsdienstprogramme auf niedriger Ebene, reaktive Streams) kombiniert. Verwenden Sie es zum Erstellen flüssiger, natürlich wirkender UI-Animationen, gestengesteuerter Schnittstellen, physikalischer Simulationen oder federbelasteter Interaktionen. Wird bei Aufgaben ausgelöst, die React Spring Hooks, Federphysik, Trägheitsscrollen, physikbasierte Bewegung, Animationskomposition oder natürliche UI-Bewegungen umfassen. Alternativer physikalischer Ansatz für Motion-Framer für physikalisch genauere Animationen. Quelle: freshtechbro/claudedesignskills.

Wie installiere ich react-spring-physics?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/freshtechbro/claudedesignskills