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
Rollout — a real-time 3D music launch platform I built.
An artist drops one finished song and gets a whole release back: AI cover art on a layered canvas, a beat-synced lyric video, a release calendar with pre-written captions, a hosted fan page, and an ad campaign. One platform, start to finish.
The landing is hand-written WebGL and GLSL. A raymarched glass blob that morphs and reacts to your cursor sits behind a real 3D headphones model, with drifting smoke and a star field, all running in a single WebGL context so it holds up across devices instead of fighting for the GPU.
Under the hood it's a real product, not a demo: multi-tenant SaaS on Supabase with Postgres row-level security, Stripe billing with server-enforced plans, and a Python engine that reads the song's key, tempo and mood and turns that reading into the whole visual and marketing direction.
Stack: vanilla JS + WebGL, Supabase, Stripe, Netlify, and a CLAP audio model for the vibe read.
love the shade of violet you selected, super definitive in & of itself! add in those sleek, clear 3d elements, & you've undoubtedly made a memorable impression on your user. fantastic!
I really appreciate that. Thank you so much for your detailed observation. What have you been working on recently?
absolutely, i don't like to give void opinions, y'know? i'm actually building my portfolio as we speak, working on case studies for a recording studio, a clean beauty line, & a restaurant/rooftop bar! which do you think sounds most intriguing?
Definitely a recording studio the amount of creative potential within music is endless.
Those raymarched shaders on the landing page look incredible! How resource-intensive is the Python audio engine when processing the song's vibe?
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Looks awesome
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥
When selling a premium service, mentorship, or high-value framework, a generic template fails to convey the true depth of your offer. The challenge I solved here was translating a multi-stage methodology into an intuitive, high-converting digital experience, built natively on Webflow.
By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.
Methodology Visualized: I designed custom interactive nodes (Relaxation → Attention → Motivation) that walk users step-by-step through the core process.
Webflow Build: I developed the full site on Webflow with clean HTML/CSS architecture, fluid animations, and fast load speeds.
Editorial Identity: I paired a warm color palette and subtle grid architecture with vintage illustration elements to build immediate authority.
Flexibility: I set up a clean Webflow CMS structure so you can easily update content without touching code.
Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and let’s discuss your project!
Amazing work!
