Motion Design Studio Site with Code-Rendered Remotion Tour

Motion Design Studio Site with Code-Rendered Remotion TourMotion Design Studio Site with Code-Rendered Remotion Tour

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

Maxime M.

• Oct 13

Built a motion design studio site where the 24-second tour video is rendered from code instead of After Effects. Every frame is a React component, exported through Remotion. Same repo as the site itself.

The work gallery pins and scrolls sideways. Everything else reveals on scroll. Contact form, responsive down to phones.

Lighthouse mobile: 100 on best practices and SEO, 95 on accessibility (a footer contrast I haven't fixed yet), performance in the 90s.

https://kineticmotion.vercel.app

Web Design Next.js landingpagedesign

Benjamin C

max

• Oct 14

rendering the tour from code instead of after effects is a flex. every frame as a react component sounds like a lot of setup

Maxime M.

• Oct 18

It's one component per scene, not per frame, so the setup is closer to building a few slides than wiring up hundreds of layers. The 24-second tour lives in the same repo as the site, so when the copy or a color changes I re-render it with one command. No round trip to a video...

Alireza Sinaei

pro

• Nov 3

This Framer Page Load is made by me recently. 🚀 The page effect of Framer took shape in just 5 Steps! i've tried to build this without any components, so I only set up the animations and loadings ⚡️ Check the replies for the rest of the tutorial.

Framer

Salah Mohamed

• Nov 4

Clean work, love it.

Camilo Villa

• Nov 3

Good evening, I'm new here. Just want to share the new video I made with Motion Graphics for my new portfolio. I built custom Next JS apps with deep integrations, and I focus on efficient infrastructure builds. Some of my specialty are AI agent platforms for companies and High end Motion Graphics.