·react-spring-physics
</>

react-spring-physics

Libreria di animazioni basata sulla fisica che combina React Spring (dinamiche primaverili, integrazione dei gesti, animazioni a 60 fps) e Popmotion (utilità di animazione componibili di basso livello, flussi reattivi). Utilizzalo per creare animazioni dell'interfaccia utente fluide e naturali, interfacce basate sui gesti, simulazioni fisiche o interazioni a molla. Trigger su attività che coinvolgono ganci React Spring, fisica della molla, scorrimento inerziale, movimento basato sulla fisica, composizione di animazioni o movimenti naturali dell'interfaccia utente. Approccio fisico alternativo al motion framer per animazioni fisicamente più accurate.

13Installazioni·1Tendenza·@freshtechbro

Installazione

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

Come installare react-spring-physics

Installa rapidamente la skill AI react-spring-physics nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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:

Libreria di animazioni basata sulla fisica che combina React Spring (dinamiche primaverili, integrazione dei gesti, animazioni a 60 fps) e Popmotion (utilità di animazione componibili di basso livello, flussi reattivi). Utilizzalo per creare animazioni dell'interfaccia utente fluide e naturali, interfacce basate sui gesti, simulazioni fisiche o interazioni a molla. Trigger su attività che coinvolgono ganci React Spring, fisica della molla, scorrimento inerziale, movimento basato sulla fisica, composizione di animazioni o movimenti naturali dell'interfaccia utente. Approccio fisico alternativo al motion framer per animazioni fisicamente più accurate. Fonte: freshtechbro/claudedesignskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è react-spring-physics?

Libreria di animazioni basata sulla fisica che combina React Spring (dinamiche primaverili, integrazione dei gesti, animazioni a 60 fps) e Popmotion (utilità di animazione componibili di basso livello, flussi reattivi). Utilizzalo per creare animazioni dell'interfaccia utente fluide e naturali, interfacce basate sui gesti, simulazioni fisiche o interazioni a molla. Trigger su attività che coinvolgono ganci React Spring, fisica della molla, scorrimento inerziale, movimento basato sulla fisica, composizione di animazioni o movimenti naturali dell'interfaccia utente. Approccio fisico alternativo al motion framer per animazioni fisicamente più accurate. Fonte: freshtechbro/claudedesignskills.

Come installo react-spring-physics?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/freshtechbro/claudedesignskills