The gold standard fluid interactions on iOS are built... using in-process client animations (like SwiftUI does it) and not render-server animations (like CoreAnimation does it). This is common knowledge inside of Apple’s UI framework and system experience teams. A close inspection of iOS’s evolution reveals the gradual upgrading of system experiences written using render-server animations (that often disable user interaction) with ones using client animations (that are interruptible and interactive). The app switcher for iPhone X, the Dynamic Island, and Liquid Glass bars are prime examples of this trend. The other thing that makes these experiences feel so fluid is their use of spring animations that preserve velocity, rather than Bézier curve easing functions. To get velocity preservation, you need to be able to interrupt a spring animation and retarget it or drive it with a gesture. That’s a lot easier to do when the animation is running in the same process as the event handling. When we were first pitching SwiftUI, two of our go-to demos were a recreation of the iOS 9 navigation and Home Screen interactions which were fully interactive and interruptible, at a time when the actual implementations of those experiences in the OS disabled user interaction and ran server-side animations. CoreAnimation is great and the framework does much more than animation. You can build a fine app using its server-side animations. But if your UI framework can’t do efficient main thread client animations, there’s a ceiling to the quality of the experience your app can provide.show more

SwiftUI isn’t native and here’s why SwiftUI apps may... sometimes feel janky. It ditches the key element that made animations run so smoothly on iOS since the original iPhone: Core Animation. In SwiftUI animations run in-app without CA backing. Block the main thread: SwiftUI ball stalls while UIKit’s keeps moving on the render server.show more

Seedance 2.0 - Advanced Workflows Series 14. Compositing and... Layering Some shots may have many characters that need specific movements. When we start adding characters, it becomes very difficult to achieve the exact animation, gesture, or movement we are looking of all of them in a single generation. In addition, the more characters are added, the more rigid Seedance 2.0 animations become in order to maintain consistency. This is especially visible in styles with squash and stretch and rubber hose animations, where the characters deform their body parts as if they were made of rubber, or in highly expressive movement animations in anime. For these cases, it is better to work on each animation separately and recompose it at the end into a video. Workflow + Prompts 👇show more

Created a Rotating Infographic View with Glass effects and... animations using the #swiftui Framework ✨ I'd love to get your feedback, Let me know :D #ios #iosdeveloper #devshow more

I found a component library with 250+ animations that... will make your frontend look insane. And it's completely FREE ! >Ready to use components with animations built in >Copy and drop straight into your project >The kind of UI that makes your app look like a $50K build Your frontend will never look the same.show more

The future of Ultramock is going to be beautiful!... Here's a quick demo of ultramock using the new HTML-in-Canvas tech. You'll be able to spin up stunning product demos in realistic 3D spaces using your actual product or website with realtime interactions and animations ✨show more

On the left is the default animation of the... Samsung One UI 9. On the right is a standard animation that I designed（Ice Home Up）. Over the past few days, I've made extensive modifications and improvements to Samsung's system animations. As you can see, the opening and closing animations now feel much lighter, smoother, and more natural. The entire transition is more fluid, with greater elasticity and a stronger sense of depth. Compared to Samsung's official animations, which often feel somewhat rigid and abrupt, I wanted to create something that truly feels alive and flows naturally. I've also made some special improvements to background blur. I want to prove through my own work that Samsung phones are absolutely capable of delivering perfectly smooth animations even with background blur enabled. Previously, Samsung's Home Up team suggested that background blur could increase system load, causing lag or overheating. But based on my own testing, I find that explanation highly questionable. With proper design and optimization, background blur and smooth animations can absolutely coexist. What's more, my implementation supports progressive background blur with highly customizable parameters. You can freely adjust the blur intensity, transition behavior, and various other details to create exactly the visual experience you want. What surprised me the most is that once you actually start designing animations yourself, studying every frame, experimenting with motion curves, and fine-tuning countless parameters, you begin to realize just how much room Samsung still has for improvement. I used to simply think Samsung's animations weren't good enough. But after working on them myself, I'm increasingly convinced that Samsung's software team simply hasn't put enough effort into animation design. There are so many effects that could be more refined, more natural, and more fluid. Yet Samsung seems unwilling to seriously explore these possibilities. And that's exactly why I keep working on these animations. I want to prove that Samsung phones are capable of delivering animations far better than what we have today.show more

As someone who is absolutely obsessed with system animations,... I want to share a few thoughts from my recent experience. After rooting my phone and gaining almost unlimited freedom to experiment with animations, I gradually realized that my ambitions had changed. In the past, I might have focused on making Samsung's animations look and feel like those of another OS or smartphone brand. But I've come to realize that simply recreating someone else's animations is no longer my ultimate goal. Because once you start designing animations yourself and breaking free from the limitations of the system, an entirely new world opens up. You begin to see a much bigger picture, with countless possibilities that have yet to be explored. And that's why today, I'm officially introducing my own original system animation effect: "Stellar Scatter" (星散) The concept is simple, but the result is fascinating. When you tap an app icon on the home screen, the surrounding icons scatter outward, as if an invisible force is gently pushing them away. When you swipe back to the home screen, those icons gracefully return to their original positions. What's even more interesting is that tapping icons in different positions produces different scattering directions, trajectories, and visual effects. The entire animation feels dynamic, spatial, fluid, and full of life. This is Stellar Scatter, an original animation effect designed by me. I believe smartphone animations have so much more creative potential waiting to be unlocked. There is an entire world of possibilities beyond the interactions we've grown accustomed to. I'm genuinely amazed by how beautiful this effect turned out. Now, let me show you Stellar Scatter in action.show more

Recreated Apple’s Photos app entirely in HTML as part... of my Apple DNA project. The focus was on technical fidelity: Liquid Glass, real-time blur and refraction, animations, gesture physics, transitions, navigation, and pixel-level accuracy. The goal is to reverse-engineer every native iOS app until the HTML reconstruction is nearly indistinguishable from the original. Each reconstruction contributes to a reusable web design system with customizable tokens, components, and native-like interactions.show more

The ability to turn dynamic head animations into static... has been released in the Roblox App alongside the ability to switch your head! Currently, making your head static does not fix it in R6 and it does not revert it to the 2D face as it is a static version of the 3D version.show more

Finally got to build this. Create animations that use... Core Animation on iOS and Animator on Android with zero JS overhead. Same animation. But one keeps running smoothly even when the UI thread is lagging. Introducing react-native-ease 🍃show more

Here we have the iPhone 13 at 60hz vs... S23 Ultra at 120hz. Notice the S23 Ultra has smoother transitions but the animations are bad because of it being non-linear. There's a difference between refresh rate and animations. Sure iPhone looked smooth because of the animations, but the S23 Ultra had more frames in the animations because of the higher refresh rate. But then Samsung messed up with its linear animations. Hopefully, with one UI 6, we see the non-linear animations coupled with 120hz.show more

Player stats UI animation with GPT Image 2 and... MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.show more

This will forever change how power users switch apps... on MacOS MacOS is full of animations. Switching to an app means repeatedly using cmd + tab or using power tools to assign a hotkey to the app. Even if you are using the hyperkey on Raycast to open apps, you will still be faced with the animations if the app is on different desktop. I've completely solved this pain point in the latest release of SuperCmd Here's what's done 1. Completely eliminated the animation, the hotkey will instantly switch to the instance of that app, even if it's on a different desktop 2. If there are multiple instances of the same app, e.g., 4 cursor projects, it will cycle through all the open windows of that app. (even VSCode / cursor supports cycling through windows only on the current desktop) I've long wanted to solve this issue for myself, and it has been the biggest bottleneck in my productivity. I see this as a huge win for power users, specially ADHD bois! SuperCmd 1.0.7 is out, but I wanted to dedicate a post to this specific feature first. The complete release post will come later. download ->show more

One nice subtle benefit of using Base UI over... Radix is that the animations are interruptible since Base uses CSS transitions instead of keyframes. This is me spamming on both dropdowns, notice the glitchiness in the one on the left.show more

This UI was one-shotted using a video as the... prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀show more

vibecoding UI animations with Claude using Three.js to paint... the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create itshow more

Here are the steps to create this animation: 1.... Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.show more

Add Rive animations to your iPhone, iPad, or Mac... app with Bitrig! Rive is a real-time animation tool that lets designers create interactive, state-driven animations. With Bitrig, adding them is as simple as a drag and drop!show more

For those of you who are using iOS 26... Dev Beta 1, here's what you can do to get a better experience of using your iPhone. 1. If you don't like the new default behaviour of showing the toolbar when taking a screenshot, you can go to Settings -> General -> Screen capture -> Disable Full-screen Previewsshow more

If you are using an if statement inside a... for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.show more