Design inspiration curated from X
More @greensock Flip magic! Seamlessly switch between different gri... - Osmo
Published by Osmo on October 9, 2025.
Design notes
More @greensock Flip magic! Seamlessly switch between different grid layouts using this setup. It's perfectly synced with CSS variables to fully control the columns and gaps across breakpoints. It also respects the 'prefers reduced motion' setting for accessibility.
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 Osmo; 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.
Reference details
- Creator
- Osmo
- X handle
- @osmosupply
- Published
- October 9, 2025
- Media
- 1 visual reference
- Views
- 3,824
- Likes
- 138
- Bookmarks
- 65