Delight

🌊I've been playing around with actual fluid effects (i.e. water) and built a re-ordering demo that "ripples out" once you drop an item.

It takes a good amount of tuning to feel just right, but you can approximate it using the sombrero function!

I spent an unreasonable amount of time reverse engineering the variable blur effect on iOS, and posted a sample project in SwiftUI/UIKit.

It uses the private type CAFilter, so use at your own risk.

It’s such a nice effect — hope it’ll become API!

The lighting effects while hovering on Apple TV and iPad are wonderful, but they're constrained to pointer devices.

So I wanted to experiment with creating realistic lighting driven by the device's motion instead of a pointer, and it's pretty neat!

<n>memories v2</n>, a UI concept by designer <n>sam</n>.

I made a drag/swipe demo where the cards gracefully “dodge” each other.

When you flick a card to the right, the replaced card curves left by a velocity-matched amount, and vice-versa. Note how the cards “swoop” even when just tapping one!

(Made with Wave 🏄)

Made this jello-like “fabric” that stretches out and snaps back!

- The values for each dot (translation, scale, spring response, etc.), are all keyed off of the touch’s distance
- UIKit/Wave here, but made another in Metal for more “correct” deformation

<n>Growing waves</n> (2015) by artist <n>Frédéric Vayssouze-Faure</n>.

I built a chonkier, Apple TV-inspired action menu that feels responsive and substantial!

Notes:
– The highlighted row gets magnified and moves slightly with touch
– Spring-loads on long-press, or immediately if you drag
– Stretches and rubberbands if you pull past the bottom