Tag
#animation
Dumb Phone Mode Toggle with Animation for iOS
Build a dumb phone mode toggle for iOS: a deliberate SwiftUI switch animation, a stripped minimal launcher, plus the supported way to drive grayscale and Focus.
Apple Intelligence Glow Border Effect Code for iOS
Recreate the Apple Intelligence glow border in SwiftUI with an animated angular-gradient stroke or a Metal shader. Here is the code, the tradeoffs, and the limits.
BankID Sweden Login Animation in React Native
Build the BankID Sweden login animation in React Native with Reanimated while keeping real auth in the official, certified flow. Here is the code and the rules.
Cat Laser Pointer Game with Auto-Move for iOS
Build a cat laser pointer game with auto-move for iOS in SpriteKit: randomized prey paths, haptics on catch, and honest, cat-friendly safety guards.
Tarot Card Shuffle Animation in SwiftUI: Make It Feel Real
In a tarot app the shuffle is the ritual, and the ritual is the product. Here is the SwiftUI choreography: stagger, arcs, springs, and an honest draw.
Tinder swipe card animation in React Native with Reanimated
Build a Tinder-style swipe card in React Native with Reanimated and Gesture Handler. Here is the core gesture, the snap logic, and the bugs to avoid.
Tinder super like star animation in React Native (Reanimated)
Build a Tinder super like star burst in React Native with Reanimated. Here is the burst, how to wire it to the like action, and when to use Lottie instead.
Vagus nerve breathing pacer UI in SwiftUI: a calm build
Build a breathing pacer in SwiftUI: a circle that breathes, a phase timer, optional HealthKit logging, and honest, accessible wellness copy.
Voice interrupt animation in React Native: barge-in UI
Build a voice interrupt (barge-in) animation in React Native with Reanimated. Here are the four states, the audio-reactive orb, and the interrupt logic.
Wheel of fortune spinning animation in React Native (Reanimated)
Build a wheel of fortune spin in React Native with SVG and Reanimated. The key: choose the winning segment first, then animate the wheel to land on it.
WHOOP strain gauge chart in React Native with Skia
Build a WHOOP-style strain gauge in React Native with react-native-skia: a gradient arc, rounded caps, a glow, and a sweep animated to the value with Reanimated.
Build a Swipe-to-Buy Button Animation in React Native
A swipe-to-buy button slides to confirm a purchase, preventing accidental taps. Here is how to build the animation in React Native with Reanimated and gestures.
Apple Intelligence Siri Overlay Clone in SwiftUI
The system overlay has no API, but the grammar is buildable: layered gradient strokes, a layerEffect shader for the fluid motion, and a glow that tells the truth.
iMessage Reply Bubble Physics in SwiftUI: The Real Spring
Animate scale and offset not the frame, one restrained spring with sent springier than received, and a tail only on the last bubble of a run.
Interactive Solar System 3D Viewer in SwiftUI
RealityView entities, orbits as pivot rotations, NASA textures, and the scale cheat you must pick on purpose: the 3D solar system that stays smooth.
iOS Context Menu Long-Press Blur in SwiftUI
The native .contextMenu gives the lift, blur, and haptic for free. Build custom only when it is not a menu, and drive all three layers from one spring.
Live-Stream Tip Shower Animation in React Native
The gift rain is a business mechanic, not decoration: UI-thread particles, value encoded in spectacle, and a shower that only plays once the payment confirms.
Live-Tracking Map Marker Animation in React Native
The feed is a heartbeat; the animation makes it continuous. Interpolate between updates, rotate to bearing, keep the marker off React state, and keep the ETA honest.
Loyalty Punch-Card Stamp Animation in SwiftUI
The stamp is the product: a spring with overshoot, a resting tilt, and a haptic thunk, on a count the server owns and the merchant grants.
AI Pin Style Voice Interface Animation in SwiftUI: Guide
Building an AI Pin style voice orb in SwiftUI: TimelineView plus Canvas, mic-driven RMS levels, five truthful states, captions, and Reduce Motion support.
Duolingo-Style Progress Ring Animation on iOS (SwiftUI)
A Duolingo-style progress ring is one trimmed circle, animated. Here is the SwiftUI pattern, the rounded-cap detail, and how to drive it without redrawing.
How to Create Animated React Components Easily
Animating React components is easy when you animate the right properties and lean on a library. Here is the simple path, the 60fps rule, and how to prompt AI for it.
Rive Animation as a React Component, Built With AI
Wire a Rive interactive animation into a React component driven by real props and state, not just playback, starting from a free VP0 design you copy into Cursor.
Wheel of Fortune Spinner UI Template for iOS
A free SwiftUI spinner pattern: a smooth spin that lands fairly on a segment, with disclosed odds, Reduce Motion support, and no pay-to-spin. A reward, not gambling.