Built a quick little resizable elastic min/max width sidebar using Motion primitives.

@motiondotdev You and the attention to details 🔥

You don' kno' me!

@motiondotdev super nice, love that the toggle animation is simpler. been playing with elastics this week too

@motiondotdev clean af

@motiondotdev

@motiondotdev Add a double click to get back to the default width

@motiondotdev May have to try that, but these types of things feel like the "half open macbook" theory where users are forced to set it to where they want it to be, not where it was put for them.

@motiondotdev yeah, that’s a fair point. but if i resize the sidebar to a specific width, then later make it narrower or wider, it would be nice if the app remembered my previous width. that way, a double-click could restore it to the exact width i had set before

@motiondotdev Follow up: Added a double click that just always returns it to the default width 👍🏻

@motiondotdev You the champ!

@motiondotdev Elastic UI is always a win for me

@motiondotdev rubber banding ftw

@motiondotdev 🙌

@motiondotdev 😮‍💨

@motiondotdev Super nice 👌🏼 I need to bring that rubber banding into our sidebar component.

@motiondotdev Thanks!

@motiondotdev Love built in friction

@motiondotdev great interactions

@motiondotdev can you share how its done?

@motiondotdev Now add something like this

@motiondotdev 👌

@motiondotdev love the bounce :)

@motiondotdev That’s cool! I’ve had endless issues with the standard one. It works terribly.

@motiondotdev so nice

@motiondotdev Ooo that's nice! One of my favorite small details with these is that double-clicking the line resets it to a default width since my OCD brain can never decide

@motiondotdev Really like the close mechanism 🙌

@motiondotdev I feel weirdly uncomfortable. I would avoid using an app that teases me like that.

@motiondotdev Premium UI is all about the little things, and this is a perfect example.

@motiondotdev cool

@motiondotdev smooth

@motiondotdev Looks good. Do you have a repo with this?

@motiondotdev How’d you achieve this?

@motiondotdev 这个交互效果太舒适了