Interaction Design

I've officially been Claude Code pilled after making this last night

Made this with Motion’s layout prop.

Notice how when I drag it to dismiss there’s a slight bounce at the end, but when I simply press the close button, there’s no bounce at all.

A drag requires some force, so adding a subtle bounce makes this transition feel more natural.

A UI/UX concept for <n>Scroll Landmarks</n> from a prototype by <n>rauno</n>.

hmm i really like this concept of "scroll landmarks" from an old prototype

A recreation of <n>Vercel</n>'s search bar.

i recreated @vercel's search bar 🔍

animated with @motiondotdev and css 

this was a bit trickier than i assumed, but i was able to get to a pretty close prototype

when the tool is missing, make it 👨‍🍳

motion path visualizer w/ SVG for accumulated cubic-bezier timed CSS animations ⚡

A button experiment by designer <n>Tran Mau Tri Tam</n>, created with <n>Framer</n>.

Button experiment with @framer design page. How is it? 🤔

Using a global toast (sonner) for “Copied to clipboard” is UI noise.

inspired by @pqoqubbw

SwiftUI Animated Scrollable Slider - Custom Picker - Xcode 26

As software gets easier to make, the products that stand out will be the ones crafted with uncommon care.

If that's the kind of work you want to do, I'm sharing everything I know:

archive pull 📼

another fun collab with @tcosta—mini web app menu concept from last year. wdyt?

made in figma.

In the next version of Expo Router

use <Toolbar /> to create bottom-aligned controls and menus for commonly used actions.

I'll never stop adding subtle motion to things

I made the shimmer text component more customizable:)

The best part about crafting personal software—like this little budget app—is adding extra touches of delight and humor.

Watch til the end 🙈

Animating this little schedule card today.
Love how clean and calm it feels when everything slides into place.

A <n>range input</n> UI element from a post by <n>Josh Puckett</n>.

Waitlist screen for the <n>Net</n> mobile application.

storytelling + animation ✨ @net_email_app

<n>CLU</n>, a private AI chat friend created by <n>Derk</n>.

exploring motion ideas for "Eco function" in this little energy dashboard 🌱

Gallery photos expand animation on clicked made with motion

Apple Maps does a similar thing. The higher the velocity on the drag, the bigger the bounce becomes.

Notice how in the video below when dragging very slowly there’s no bounce at all.

<n>product card view transitions</n>, a UI/UX design concept for the <n>you love lamp</n> brand.

state-aware product cards 💡

slept on posting my take w/ view transitions 🧑‍🍳

A user interface for the <n>visitors.now</n> service, visualizing website traffic on a globe.

visitor hotspots on a 3d globe 🌍🌎🌍

Even the most utilitarian of interfaces can be made delightful.

new flow to request an experience 
@222place✨

UI detail by designer <n>Hidde van der Ploeg</n>.

A UI concept with liquid animation by product designer <n>Nil Famiev</n>.

this concept is even more clever..

​and that liquid animation.. dope

A hands-free scrolling prototype for <n>Instagram</n> developed by <n>Vishal Bhardwaj</n>, shown on an <n>iPhone</n>.

Hands free scrolling on Instagram using gyroscope. Prototyped with SwiftUI

this is the best delete button, I've ever seen!

Kudos to @remvze

SwiftUI prototype of the day. Touch your iPhone to your Mac to Airdrop.