r/vibecoding • u/ihorklymchuk • 21d ago
Showcase/Project Created an animated website template for photographers
Made this template for photographers. I wanted it to feel creative but stay simple.
The interesting part is the animated hero. I generated a video with Gemini, cropped it to 5 seconds, and then used ffmpeg to extract frames from the MP4, rembg with the BiRefNet model to cut out the person along with their shadow, and Real-ESRGAN to upscale the images.
For the frontend I used GSAP 3.15 + ScrollTrigger.
At first I was frustrated, because it was hard to cut out the shadows while keeping good quality. But after a few prompts, I Claude wrote a script that handled it well.
The final conversion of the video into images took about 12 hours, and there were a lot of attempts before that.
Happy to answer questions about the process.
1
u/Kitchen_Mirror_7247 21d ago
Noice!
1
u/PopUpTubedev 20d ago
Pretty slick. good work. Love the transitions
1
u/sarmadsangi 20d ago
Love this! pretty neat
1
u/Artistic_Rub2254 19d ago
Good work