Design inspiration curated from X

A web recreation of the iconic Mac OS X Genie Effect that lets you... - Peter Petrash

Published by Peter Petrash on August 11, 2026.

A web recreation of the iconic Mac OS X Genie Effect that lets you drag-scrub browser windows through the classic fluid minimization animation, fully interactive mid-flight.

Design notes

A web recreation of the iconic Mac OS X Genie Effect that lets you drag-scrub browser windows through the classic fluid minimization animation, fully interactive mid-flight.

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 Peter Petrash; 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/2087026814350966828
Launch Sandbox ↗
Production React 19 TypeScript + Framer Motion source component
🔒 Unlock Source Code ($19/mo)

Reference details

Creator
Peter Petrash
X handle
@petekp
Published
August 11, 2026
Media
1 visual reference
Views
0
Likes
0
Bookmarks
0