Design inspiration curated from X

One of my favourite little details in the new COLLINS website is th... - Jesper Vos

Published by Jesper Vos on November 24, 2025.

One of my favourite little details in the new COLLINS website is this responsive border-radius. --margin: calc((100% - var(--max-width)) / 2); border-radius: clamp(1rem, calc(1.5rem - var(--margin)), 1.5rem); http://wea...

Design notes

One of my favourite little details in the new COLLINS website is this responsive border-radius. --margin: calc((100% - var(--max-width)) / 2); border-radius: clamp(1rem, calc(1.5rem - var(--margin)), 1.5rem); http://wearecollins.com/story/woods-hole…

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

Reference details

Creator
Jesper Vos
X handle
@jesper_vos
Published
November 24, 2025
Media
1 visual reference
Views
15,255
Likes
482
Bookmarks
363

Related tags