remotion-vinyl-player

Generate a realistic vinyl record player animation for Remotion videos.

999|70|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/vibe-motion/skills --skill remotion-vinyl-player
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: remotion-vinyl-player
Source: https://github.com/vibe-motion/skills/tree/main/remotion-vinyl-player
Command: npx skills add https://github.com/vibe-motion/skills --skill remotion-vinyl-player

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the need for an elegant and realistic vinyl record player animation component, enhancing the visual appeal of music-themed videos and presentations.

Core Features & Use Cases

  • Realistic Animation: Provides a highly realistic vinyl record player animation for videos.
  • Customization: Allows customization of album cover, song title, artist name, and more.
  • Use Case: Ideal for creating music-themed video content, such as album showcases, audio-visualizer interfaces, or music player UIs.

Quick Start

To use this skill, copy the 'VinylPlayer.tsx' component from the 'assets' directory into your project's 'src/components/animations/' folder and import it into your Remotion composition.

Frequently Asked Questions about remotion-vinyl-player

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

FAQPage Schema
How do I create a vinyl record player animation for music-themed videos?

You can create a realistic vinyl record player animation for music-themed videos by using a Remotion component that renders and manages the video composition. This handles the rotating record visual elements automatically.

Can I customize the album cover and song details in a Remotion video composition?

Yes, you can customize the album cover, song title, and artist name in the Remotion video composition. The component accepts these properties to generate a personalized music player UI for your audio-visualizer.

Does Remotion support realistic vinyl record player animations for album showcases?

Remotion supports realistic vinyl record player animations for album showcases by rendering React components into videos. This provides a highly realistic visual aesthetic suitable for audio-visualizer interfaces.

What's the best way to add a music player UI to a React video project?

The best way to add a music player UI to a React video project is using Remotion to manage the video composition. You can copy a specialized vinyl player component into your directory and import it directly.

Do I need Remotion to render vinyl record player animations?

Yes, you need Remotion to render the vinyl record player animations and manage the video compositions. The animation component is built specifically for the Remotion environment to generate the final video output.