The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
3. Music Visualiser + Lyric Captions Tool
Roles: AI Developer · Claude Code Builder
Tools: Claude Code · Node.js · Express · FFmpeg · Groq Whisper API · @napi-rs/canvas
The Problem
A music video creator was paying monthly subscriptions for multiple tools to handle visualisations and lyric captions — and still wasn't getting exactly what they needed.
What I Built
A fully custom local web app (Node.js + Express) with two production-ready features:
Music Visualiser
Drag in an audio file, background, and logo. The tool detects kick-drum hits via audio onset analysis, then renders an MP4 where the logo pulses, glows, shakes, and emits gold particles in sync with the beat. Supports landscape, square, and vertical formats up to 60fps with live render progress via server-sent events.
Lyric Captions
Auto-transcribes audio with Groq Whisper, generates word-level timestamps, and burns karaoke-style highlighted captions directly into the video using FFmpeg. Full editor included for timing fixes and style customisation.
Result
The client replaced multiple paid subscriptions with a free, fully local tool built to their exact workflow. Zero ongoing costs. Built entirely with Claude Code.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Music streaming platform concept 🎧
Music has always been emotional. The interface around it should be too.
This is a concept for a music streaming platform built around one idea — immersion. Not just in the music, but in the visual experience of discovering and listening to it.
The warm palette of deep reds, burnt oranges, and dark backgrounds wasn't accidental. It creates a mood. It makes you want to stay, scroll, and listen.
What I focused on:
→ A dashboard that surfaces the right content without overwhelming
→ A "now playing" experience that feels cinematic
→ Mobile screens that carry the same visual weight as desktop
→ Typography and hierarchy that guide without interrupting the vibe
This is a concept — but built on real UX logic. Because even imaginary products deserve thoughtful design. 🎧🖤
#MusicApp #UIDesign #ProductDesign #DarkUI #AppDesign #UXDesign #MobileDesign
This palette is an absolute dream! The burnt orange and deep red tones mixed with that sleek dark UI create an incredibly warm, midnight-session vibe. It perfectly captures how music feels. Brilliant work! 🎧🔥
Hello Contra community! 🙌 I'm Raffaele, a product designer based in Barcelona with over six years of experience turning complex problems into clear, usable products. I've worked with startups as a founding designer and in big tech, leading processes end-to-end. Currently at SCALAR, I work on enterprise fleet-management software that people rely on to do their jobs every day. I care about the unglamorous parts: the dispatcher staring at a screen for eight hours, the edge cases, the details most people skip.
Alongside my full-time work, I run an independent practice developing Framer websites for clients worldwide and selling templates on the Framer Marketplace.
The Man Who Saw God Everywhere
What if the greatest spiritual journey ends where it began?
This cinematic short film follows a traveler who dedicates his life to searching for God. He journeys across the majestic Himalayas, ancient temples, sacred rivers, dense forests, and forgotten ruins, believing that somewhere beyond the horizon he will finally find the divine.
But the deeper he searches, the more distant the answer seems.
At the turning point of the story, a wise sage reveals a profound truth: God was never hidden in mountains, temples, or distant lands. Divinity exists in every act of love, kindness, compassion, and selfless service. A bird feeding its chicks, a mother caring for her child, a farmer growing food, and strangers helping one another become the true moments of revelation.
The film is inspired by the timeless Hindu philosophy of "Vasudhaiva Kutumbakam" — The World Is One Family, a message that feels more relevant today than ever before.
How It Was Made
This project was created using Renoise AI, where I designed and generated the cinematic visual sequences using the Seedance 2.0 model. A strong focus was placed on storytelling, scene continuity, character consistency, emotional pacing, and cinematic world-building to create a seamless spiritual journey from beginning to end.
The narration was generated using ElevenLabs, bringing the story to life with a natural and emotional voice. The background score was composed using Suno AI, helping shape the mood and emotional progression of the film.
More than a visual project, this was an attempt to transform an ancient spiritual idea into a modern cinematic experience that can be understood by audiences across cultures and backgrounds.
Thank you to the Renoise team for creating tools that make it possible to turn imagination, storytelling, and philosophy into visual reality.
#RenoiseChallenge #RenoiseAI #AIFilmmaking #CinematicStorytelling #GenerativeAI #AIVideo #SpiritualStorytelling #HinduPhilosophy #VasudhaivaKutumbakam #CreativeAI #AIArt #DigitalStorytelling #Seedance2 #Filmmaking #ShortFilm #Storytelling #AICreators #FutureOfCreativity @Renoise @Contra HQ
Amazing
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?