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
I created a product story presentation with a scroll-triggered loading effect, using the Canvas API to handle the scrolling behavior. https://meridian-scroll.pages.dev/
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
Designed a step tracking screen where you can see your daily progress and weekly trend in one glance.
Same screen, two shots. Which one would stop your scroll? 👀
11 voted
73%
4 voted
27%
15 votes
Closed
No After Effects. No manual keyframes.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
💯 What you receive as a deliverable:
🎬 Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
🪟 Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
🔁 Looping Assets: Optimized .gif files for GitHub readmes and email campaigns
💻 Web Native: Interactive React @remotion/player components or automated server-side render scripts
Stack:
• React
• Remotion (useCurrentFrame, spring, interpolate)
• Headless Chromium render pipeline
Taking on 2 new projects this month for SaaS and dev-tool teams looking for high-end product animations.
DMs are open—let’s build.
The presentation on top. The process below. ⚡
A behind-the-scenes look at my Tesla Cybertruck presentation, with the finished animation playing alongside a sped-up view of how I built it in PowerPoint.
From arranging each slide to fine-tuning the Morph transitions, here’s the work behind the final result.
