Design inspiration curated from X
a smoother radius transform version using css. no framer motion use... - Soren
Published by Soren on October 27, 2025.
Design notes
a smoother radius transform version using css. no framer motion used here. for auto height transition using css `grid` inspired by @jh3yy. when collapsed `grid-rows-[0fr]` and expanded `grid-rows-[1fr]`. and that with `ease-out-cubic` with `300ms` makes it feel just perfect ~
This entry is part of Northlight's curated archive of interface, product, brand, website, and motion design references from public creators on X.
Image rights and licensing remain with Soren; use the original X post for source and licensing inquiries.
Reference details
- Creator
- Soren
- X handle
- @sorenblank
- Published
- October 27, 2025
- Media
- 1 visual reference
- Views
- 102,152
- Likes
- 1,302
- Bookmarks
- 1,151