card-tilt-drift

Simulate physical card tilt and drift effects in React and Remotion motion graphics.

6|1|Updated May 29, 2026
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill card-tilt-drift
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: card-tilt-drift
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/motion-graphics/effects/card-tilt-drift
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill card-tilt-drift

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, remotion, and includes scripts (resource) components.

What problem does it solve?

This Skill addresses the need for adding realistic physical card tilt and drift effects to motion graphics, enhancing the visual appeal of content like Pinterest and chaos card packs.

Core Features & Use Cases

  • Physical Card Tilt: Apply a baked rotation to simulate a physical card pinned to a board.
  • Continuous Lateral Drift: Create a smooth, natural lateral movement for the card.
  • Customizable: Adjust tilt degree, drift amplitude, period, and axis.
  • Use Case: Design visually engaging content for platforms like Pinterest by adding lifelike card interactions.

Quick Start

Use the card-tilt-drift skill to apply a tilt and drift effect to a content card in your motion graphics project.

Frequently Asked Questions about card-tilt-drift

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a physical card tilt and drift effect to motion graphics?

To add a physical card tilt and drift effect to motion graphics, you can apply a baked rotation to simulate a pinned card and configure continuous lateral drift parameters within your animation project.

Can I use Remotion to create realistic card animations for Pinterest content?

Yes, you can use Remotion with React to create realistic card animations for Pinterest content by customizing tilt degree, drift amplitude, and drift period to achieve lifelike physical card interactions.

What parameters can I customize for a lateral drift animation?

For a lateral drift animation, you can customize the tilt degree, drift amplitude, drift period, and drift axis to generate a smooth, natural physical movement for your motion graphics cards.

Do I need React to implement continuous lateral drift in my video project?

Yes, you need React and Remotion to implement continuous lateral drift in your video project, as these frameworks provide the required environment to render and simulate the physical card movements.

What is the best way to simulate a physical card pinned to a board in an animation?

The best way to simulate a physical card pinned to a board in an animation is to apply a baked rotation that mimics the physical tilt, combined with customizable lateral drift settings for natural movement.

Are there limitations when applying card tilt effects to chaos card packs?

When applying card tilt effects to chaos card packs, the implementation relies on React and Remotion, meaning your project must support these dependencies to properly render the baked rotation and drift animations.