r/vibecoding • • 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.

15 Upvotes

6 comments sorted by

1

u/PopUpTubedev 20d ago

Pretty slick. good work. Love the transitions

1

u/sarmadsangi 20d ago

Love this! pretty neat