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

why do crypto sites always have the dopest designs?

→

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.

An in-hand demonstration of the <n>AURA</n> user interface.

In hand experience for AURA with @emmanuelasibe6

A screen transition shader experiment built with <n>Rive</n>.

Experimenting with screen transitions ✨

This shader is responsive to touch, Dragging across the screen to creates a wave to transition the content. 

Made using SwiftUI + Metal.

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

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

inspired by @pqoqubbw

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:

A demonstration of <n>Voice interactive blob particles</n> created with SwiftUI.

Voice interactive blob particles using swiftUI and @cursor_ai 😄 

Sound on 🔊

Watch till the end for random giggles 💁‍♂️

Needed to try liquid metal exploration based on @BrettFromDJ's idea! How did this turn out?

The <n>Nucleo Pixel</n> icon set by <n>Nucleo Icons</n>.

If you liked our Archive icon family, you’ll love Nucleo Pixel.

I made the shimmer text component more customizable:)

Digital animation <n>Playing with pixels</n> featuring the illustration <n>Blue flower</n>.

Playing with pixels 👾

Made using SwiftUI + Metal.

Upload button by @basit_designs 

More on →

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

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

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

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.

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

visitor hotspots on a 3d globe 🌍🌎🌍

So @NelsonNoa 's episode about designing the "interface for AI" with shaders kinda blew up...

So I asked him to give a behind-the-scenes of how he makes these mind-blowing animations

Here's how the sauce is made 👇

new flow to request an experience 
@222place✨

Generative art titled <n>Darkness</n> by <n>Sabo Sugi</n>, created with <n>Three.js</n>.

Data Tunnel

Demo & Source Code:


#threejs #data #ai #tunnel #animation #Web3

A concept for an augmented reality <n>Transaction travel map</n>.

Downtown LA. My July 4th weekend FourSquare checkins visualized in AR. (ARKit + Unity + Mapbox + Swarm)

Fiona Ding's Portfolio 2020

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

exploring animations for agents

⦿ clear, large, and obvious
⦿ in the same location every time
⦿ different animations per agent
⦿ color synced to the agent

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

Particle hand tracking interaction, for fun lol