Janum Trivedi

1.7K Followers
51 Following
52 Posts
Interaction designer and engineer. @Airbnb.

Before: Design at Browser Co., iOS UI at Netflix, and SpringBoard and UIKit at 
Githubhttps://github.com/jtrivedi
Twitterhttps://twitter.com/jmtrivedi
Portfoliohttps://janum.co

So excited to share one of my white-whale projects: a fully physics-based, holographic foil shader.

Each pixel simulates a ray of light diffracting into a rainbow of waves, which add and subtract to create these incredible patterns.

Not a single gradient was used here!

Experimenting with some fun ripple transitions in Metal/SwiftUI :)

Had a lot of fun making this custom album transition!

Dismissing feels nice and continuous because the velocity of your drag gets carried into the artwork, which “swoops” back down.

I made this fluid transition for easily seeing/texting people in a group chat!

Curious how the Dynamic Island app morph animation works?

I built a similar mesh transform animation in SwiftUI, and open-sourced it!

It’s simple, interruptible, runs at 120hz, and doesn’t use any private APIs:

https://github.com/jtrivedi/Mesh-Transform-Animation

GitHub - jtrivedi/Mesh-Transform-Animation

Contribute to jtrivedi/Mesh-Transform-Animation development by creating an account on GitHub.

GitHub

I made this iridescent/metallic card, inspired by the cover of The iOS App Icon Book.

The color, texture, and noise is driven by two SwiftUI Metal shaders.

I prototyped a fully 3D, live Lock Screen wallpaper written in Metal, SwiftUI, and Wave!

- The terrain and lighting changes over time
- Super interactive and customizable b/c it’s all drawn in a shader
- “Night mode” moves the sun away, creating a cool dusk effect

I made this fun magnification loupe with Metal, SwiftUI, and Wave, with iOS 17’s new shader support!

And, I open sourced it, if you’re curious about how this stuff works :)

Thanks to @dlx for the inspiration!

GitHub: https://github.com/jtrivedi/MagnificationLoupe

GitHub - jtrivedi/MagnificationLoupe

Contribute to jtrivedi/MagnificationLoupe development by creating an account on GitHub.

GitHub

What if the macOS dock and its icons were more dynamic and fluid?

Made a little demo that shows message previews, live music, download progress, and more.

Pretty happy with how this turned out!

This last year, I’ve been leading a UI refresh to make Netflix feel more fluid, delightful, and polished.

Today, all that work shipped!

Huge thanks to @nebson and @b3ll for helping bring this to life ❤️

Details below, but try it out yourself!