Journal

Tag

#animation

Wheel of Fortune Spinner UI Template for iOS: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

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.

Lawrence Arya · June 2, 2026
Animated Splash Screen in React Native With Lottie: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Animated Splash Screen in React Native With Lottie

Build an animated splash screen in React Native with Lottie. A free template and the right native-splash handoff so there is no white flash on launch.

Lawrence Arya · June 1, 2026
App Store Today Tab Expanding Card UI in SwiftUI: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Workflows 5 min read

App Store Today Tab Expanding Card UI in SwiftUI

Recreate the App Store Today tab expanding card in SwiftUI. The hero card that zooms to full screen, built with matched geometry, from a free template.

Lawrence Arya · June 1, 2026
Confetti Cannon Animation in SwiftUI (Free Pattern): the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Confetti Cannon Animation in SwiftUI (Free Pattern)

A confetti cannon celebrates a real win with a burst of particles. Build it in SwiftUI, fire it only on genuine success, and respect Reduce Motion.

Lawrence Arya · May 31, 2026
Duolingo-Style Streak Flame Animation in SwiftUI: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Duolingo-Style Streak Flame Animation in SwiftUI

Build a Duolingo-style streak flame animation in SwiftUI: a flame that grows with the streak and celebrates a daily win, from a free VP0 design.

Lawrence Arya · May 31, 2026
iOS Pull-to-Refresh With a Custom Lottie Animation: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

iOS Pull-to-Refresh With a Custom Lottie Animation

Tired of the default spinner? Add a custom pull-to-refresh animation from a free VP0 design, keep the native gesture intact, and never block the content.

Lawrence Arya · May 31, 2026
Leaderboard Podium Animation for iOS (Free SwiftUI Pattern): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

Leaderboard Podium Animation for iOS (Free SwiftUI Pattern)

Build a leaderboard podium that ranks your top three with a satisfying rise-into-place animation in SwiftUI, accessible and free, starting from a VP0 design.

Lawrence Arya · May 31, 2026
Lottie Animations for Onboarding Screens, Free Start: a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

Lottie Animations for Onboarding Screens, Free Start

Lottie brings lightweight motion to onboarding. Build animated welcome screens from a free VP0 design, use Lottie wisely, and never let motion block the value.

Lawrence Arya · May 31, 2026
Lottie vs Rive for React Native Animations: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Lottie vs Rive for React Native Animations

Lottie and Rive both add rich animation to React Native, but they solve different problems. A clear comparison, plus how to pair either with VP0.

Lawrence Arya · May 31, 2026
Meditation Breathing Circle Animation in SwiftUI: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Meditation Breathing Circle Animation in SwiftUI

Build a calming breathing-guide animation in SwiftUI: a circle that expands and contracts to pace breathing, with haptics, from a free VP0 design.

Lawrence Arya · May 31, 2026
Parallax Scroll Header UI: Smooth Depth on Mobile: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

Parallax Scroll Header UI: Smooth Depth on Mobile

A parallax header adds depth as the user scrolls. Build a smooth scroll-linked header from a free VP0 design, keep it 60fps, and never sacrifice readability.

Lawrence Arya · May 31, 2026
Progress Ring Animation in SwiftUI: Rings That Motivate: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Progress Ring Animation in SwiftUI: Rings That Motivate

Apple Watch-style activity rings make progress feel rewarding. Build a smooth animated progress ring from a free VP0 design in SwiftUI, accessible and honest.

Lawrence Arya · May 31, 2026
Pulsing Radar Animation for Maps: Alive, Not Annoying: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 4 min read

Pulsing Radar Animation for Maps: Alive, Not Annoying

A pulsing radar animation signals live location and nearby search. Build a smooth radar pulse from a free VP0 design, keep it subtle, and respect the battery.

Lawrence Arya · May 31, 2026
Rive Interactive Button in React Native: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

Rive Interactive Button in React Native

Build an interactive button with Rive in React Native: idle, press, loading, and success states in one animation, from a free VP0 design.

Lawrence Arya · May 31, 2026
Tinder-Style Swipe Trivia UI in React Native: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

Tinder-Style Swipe Trivia UI in React Native

Build a swipe-to-answer trivia game in React Native: card-stack questions, swipe for true or false, and snappy feedback, from a free VP0 design.

Lawrence Arya · May 31, 2026
UPI Payment Success Screen Animation Free (Native UI): a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

UPI Payment Success Screen Animation Free (Native UI)

UPI payment success screen की animation बनानी है? भरोसा और साफ़गी का structure सीखिए। VP0 से free design लेकर अपना check animation, amount और UTR वाला screen बनाइए।

Lawrence Arya · May 30, 2026
Confetti Success Screen React Native UI (Free): a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Confetti Success Screen React Native UI (Free)

Success पर confetti वाली screen चाहिए? VP0 से free design लीजिए और Reanimated से smooth confetti बनाइए, frame गिराए बिना, एक यादगार पल।

Lawrence Arya · May 30, 2026
Ludo King-Style Game UI: Learn the Pattern (Free): a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Ludo King-Style Game UI: Learn the Pattern (Free)

Ludo जैसी board-game app का UI चाहिए? brand और graphics copy मत कीजिए, structure सीखिए। VP0 से free design लेकर अपना game UI बनाइए।

Lawrence Arya · May 30, 2026
React Native Skia UI Examples (Custom Graphics, Done Right): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

React Native Skia UI Examples (Custom Graphics, Done Right)

React Native Skia is a real 2D graphics engine for custom charts, effects, and animations. Use it only where you need it, and build the rest from a free VP0 design.

Lawrence Arya · May 30, 2026
Telegram Clicker Game UI (Learn the Pattern, Free): a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Telegram Clicker Game UI (Learn the Pattern, Free)

A clicker game lives on tap feel: instant number pop, animation, and haptic. Learn the loop, build it from a free VP0 design, and keep any token economy compliant.

Lawrence Arya · May 30, 2026