Remotion Music Visualization Template

This template allows you to create stunning music visualization videos. Perfect for sharing song previews, album teasers, or music snippets on social media with beautiful visual effects synchronized to your audio.

Commands

Install Dependencies

npm install

Start Preview

npx remotion studio

Render video

npx remotion render

Upgrade Remotion

npx remotion upgrade

Customization

You can customize your music visualization:

• Choose between spectrum or waveform visualizer
• Customize colors, wave patterns, and visual parameters
• Add your album artwork, song name, and artist name
• Adjust audio timing and visualization settings

All parameters can be modified in src/Root.tsx or directly in the Studio sidebar.

How do I create my video?

1. Replace the audio file in the public folder with your music track
2. Update the cover artwork in the public folder
3. Adjust the song and artist information
4. Customize the visualizer settings to match your music style

Then render your video by running clicking "Render" button in Remotion Studio.

Check out the Remotion docs for more rendering options.

Docs

Get started with Remotion by reading the fundamentals page.

Help

We provide help on our Discord server.

Issues

Found an issue with Remotion? Upgrade Remotion to receive fixes:

npx remotion upgrade

Didn't help? File an issue here.

Contributing

The source of this template is in the Remotion Monorepo.
Don't send pull requests here, this is only a mirror.

License

Note that for some entities a company license is needed. Read the terms here.