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
Rewind Frame
Most AR filters get called "computer vision magic," but a lot of them are just clever masking. I wanted to see how far that idea goes, so I built Rewind Frame. You make a frame with your thumbs and index fingers, and inside it you see yourself from a few seconds ago while everything outside stays live. Wave your hand, then open the frame and watch the wave play back. No green screen, no segmentation model, no training.
Here's what's happening underneath. MediaPipe tracks your hands, and I only use two of the 21 landmarks per hand: thumb tip and index fingertip. Those four points get smoothed and turned into a clean shape with a convex hull. Every frame also goes into a rolling buffer with a timestamp, so I can pull the one from exactly N seconds ago (timestamps instead of frame counts, so 3 seconds really is 3 seconds). Then I blend that old frame through the shape with a feathered mask. It's Python and OpenCV, and the code is on
https://github.com/AnuragNagare/Rewind-Frame.git
https://medium.com/@anuragnagare77/i-built-a-time-portal-you-hold-in-your-hands-0d91afde09b1?sharedUserId=anuragnagare77
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
Halden: A watch website you can play with
Move your cursor and the watch follows. Drag the dial to set the time, then let go and it returns to real time. Switch to night and the whole scene relights.
Which do you prefer, day or night?
This is a work in progress. Feedback is welcome.
Love the dial interaction!
24 photos, all shot on an iPhone 15 📱, on a wall you can wander through.
This is the Photographs page of my portfolio. The wall is one raw WebGL2 canvas: the photos drift at different depths, pan when you drag, keep sliding when you let go, and lean toward your mouse 🖱️ Each one develops from a grey mosaic into the photo as it loads 🎞️
Open one and you get its caption and the camera's own EXIF.
Mostly black-and-white architecture and street, some colour 🖤🤍 Designed and built by me.
Which frame would you open first? 👇
Cool
The Goal:
Show how Poe works in 20 seconds: too many AIs and too many tabs, and one place where you chat with any model, compare answers and explore bots.
My Role:
Concept, storyboard, script, UI design, motion design, voiceover and sound design.
The Process:
Script and storyboard: a problem-to-solution intro, then one scene for each core feature (chat, compare, explore), ending on the brand.
UI build: I rebuilt Poe's key screens as fully layered designs, with each card, text line and icon as its own layer, so everything could be animated.
Motion: a 3D card stack with camera moves, motion blur and neon glow, plus kinetic typography with animated bracket frames.
Sound: voiceover timed to every scene, with sound design.
Final compositing and export at 1920x1080 in After Effects.
The Result:
A 20-second promo with voiceover that explains the product's whole idea in four beats: the problem, the solution, how it works and the call to action.
Tools:
After Effects & Premiere Pro.
This is a concept project and is not affiliated with Poe.
#UIAnimation #MotionGraphics #MotionDesign #UserInterface #MicroInteractions #AppAnimation #InterfaceAnimation #KineticTypography #UIUXDesign #SaaSAnimation #DigitalInterface #2DMotion
Great work on the animation!