·react-spring-physics
</>

react-spring-physics

Библиотека анимации на основе физики, объединяющая React Spring (динамика пружины, интеграция жестов, анимация с частотой 60 кадров в секунду) и Popmotion (утилиты низкоуровневой компонуемой анимации, реактивные потоки). Используйте при создании плавной, естественной анимации пользовательского интерфейса, интерфейсов, управляемых жестами, физического моделирования или подпружиненных взаимодействий. Запускается при выполнении задач, включающих хуки React Spring, физику Spring, прокрутку по инерции, движение на основе физики, композицию анимации или естественные движения пользовательского интерфейса. Альтернативный физический подход к motion-framer для более физически точной анимации.

12Установки·1Тренд·@freshtechbro

Установка

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

Как установить react-spring-physics

Быстро установите AI-навык react-spring-physics в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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:

Библиотека анимации на основе физики, объединяющая React Spring (динамика пружины, интеграция жестов, анимация с частотой 60 кадров в секунду) и Popmotion (утилиты низкоуровневой компонуемой анимации, реактивные потоки). Используйте при создании плавной, естественной анимации пользовательского интерфейса, интерфейсов, управляемых жестами, физического моделирования или подпружиненных взаимодействий. Запускается при выполнении задач, включающих хуки React Spring, физику Spring, прокрутку по инерции, движение на основе физики, композицию анимации или естественные движения пользовательского интерфейса. Альтернативный физический подход к motion-framer для более физически точной анимации. Источник: freshtechbro/claudedesignskills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
Категория
</>Разработка
Проверено
Впервые замечено
2026-03-09
Обновлено
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Короткие ответы

Что такое react-spring-physics?

Библиотека анимации на основе физики, объединяющая React Spring (динамика пружины, интеграция жестов, анимация с частотой 60 кадров в секунду) и Popmotion (утилиты низкоуровневой компонуемой анимации, реактивные потоки). Используйте при создании плавной, естественной анимации пользовательского интерфейса, интерфейсов, управляемых жестами, физического моделирования или подпружиненных взаимодействий. Запускается при выполнении задач, включающих хуки React Spring, физику Spring, прокрутку по инерции, движение на основе физики, композицию анимации или естественные движения пользовательского интерфейса. Альтернативный физический подход к motion-framer для более физически точной анимации. Источник: freshtechbro/claudedesignskills.

Как установить react-spring-physics?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-09