Design inspiration curated from X
Design Engineering Tip: If your whole page shifts 15px the moment a... - Gabriel
Published by Gabriel on August 12, 2026.
Design notes
Design Engineering Tip: If your whole page shifts 15px the moment a modal opens, it isn't the modal. It's the scrollbar disappearing, because the library sets overflow: hidden on the body to lock scrolling. Reserve the space before you ever need it: html { scrollbar-gutter:
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 Gabriel; 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
- Gabriel
- X handle
- @gabriell_lab
- Published
- August 12, 2026
- Media
- 1 visual reference
- Views
- 19,499
- Likes
- 560
- Bookmarks
- 598