Design inspiration curated from X

Just recreated this with proximity expression. Was unsure how to cr... - Shajee Haider

Published by Shajee Haider on April 8, 2025.

Just recreated this with proximity expression. Was unsure how to create a proximity-based animation in After Effects, but luckily found a tutorial of Olly Spin and followed it — nailed the animation exactly like that! O...

Design notes

Just recreated this with proximity expression. Was unsure how to create a proximity-based animation in After Effects, but luckily found a tutorial of Olly Spin and followed it — nailed the animation exactly like that! Opinions?

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Shajee Haider; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

Live Sandbox Public View Code PRO View Prompt PRO
https://northlight.design/sandbox/1909639005580206426
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Shajee Haider
X handle
@SyedAbidi01
Published
April 8, 2025
Media
1 visual reference
Views
43,091
Likes
1,542
Bookmarks
637

Related tags