Journal

Tag

#animations

Hero Animations in React Native: Shared Elements in 2026: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Hero Animations in React Native: Shared Elements in 2026

Reanimated tags first, the manual overlay in your pocket: how shared element transitions actually work, and where the bridge breaks.

Lawrence Arya · June 7, 2026
AI Agent Thinking Animation in SwiftUI: Honest Motion: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 5 min read

AI Agent Thinking Animation in SwiftUI: Honest Motion

The SwiftUI vocabulary for AI activity: thinking dots, streaming text, named tool states, and typing animations that never fake what already arrived.

Lawrence Arya · June 5, 2026
Apple Books Page Curl Animation in SwiftUI: Real Options: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Apple Books Page Curl Animation in SwiftUI: Real Options

Build the Apple Books page-curl in SwiftUI: the UIPageViewController wrap that actually works, the 3D-fold approximation, and when paging beats nostalgia.

Lawrence Arya · June 5, 2026
Apple TV Focus Engine Animation in React Native: tvOS: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 5 min read

Apple TV Focus Engine Animation in React Native: tvOS

Build tvOS focus animations in React Native: the react-native-tvos fork, the scale-and-lift focus language, parallax posters, focus guides, and 10-foot rules.

Lawrence Arya · June 5, 2026
Dark Mode Toggle Animation Code for iOS: The Reveal: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 4 min read

Dark Mode Toggle Animation Code for iOS: The Reveal

Build the dark mode toggle animation on iOS: the circular reveal via the snapshot trick, semantic tokens that make it one-value cheap, and the system-first default.

Lawrence Arya · June 5, 2026
Fixing Claude React Native Reanimated Errors, Fast: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Workflows 5 min read

Fixing Claude React Native Reanimated Errors, Fast

The Reanimated errors Claude-generated code hits most: the babel plugin rule, version mismatches, worklet violations, and the prompts that fix each one.

Lawrence Arya · June 5, 2026
Live Trivia Game UI Clone: HQ Trivia Pattern Guide: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Live Trivia Game UI Clone: HQ Trivia Pattern Guide

How to clone the HQ Trivia live game UI: synchronized countdown, answer lockout, elimination states, and the honest line between UI and live infrastructure.

Lawrence Arya · June 5, 2026
Scratch Card UI in React Native + Expo: Skia Guide: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 5 min read

Scratch Card UI in React Native + Expo: Skia Guide

How to build a scratch card reveal in React Native with Expo and Skia: the erase-mask technique, reveal thresholds, haptics, and the gambling line.

Lawrence Arya · June 5, 2026
Shopee Flash Sale Timer UI Clone: Honest Countdown Craft: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

Shopee Flash Sale Timer UI Clone: Honest Countdown Craft

How to clone Shopee's flash sale timer UI: synced countdowns, stock bars, the rush moment, and the legal line between urgency and fake-scarcity dark patterns.

Lawrence Arya · June 5, 2026
Skeleton Loading Screen in SwiftUI: Template & Rules: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

Skeleton Loading Screen in SwiftUI: Template & Rules

How to build skeleton loading screens in SwiftUI: the redacted modifier, a shimmer overlay, layout-matched placeholders, and when not to skeleton at all.

Lawrence Arya · June 5, 2026
Tinder Swipe UI Kit in SwiftUI: The Card Deck Code: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 5 min read

Tinder Swipe UI Kit in SwiftUI: The Card Deck Code

Build the Tinder swipe card deck in SwiftUI: drag-tied rotation, threshold commits, fling-off physics, the next-card peek, and buttons that mirror gestures.

Lawrence Arya · June 5, 2026
Weather App Animated Background in SwiftUI: UI Kit Guide: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

Weather App Animated Background in SwiftUI: UI Kit Guide

Build a weather app with animated backgrounds in SwiftUI: condition-driven scenes, Canvas particles, WeatherKit data with required attribution, Reduce Motion.

Lawrence Arya · June 5, 2026
Framer Motion AI Generator: MCP Workflow in Cursor: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Framer Motion AI Generator: MCP Workflow in Cursor

Generate Framer Motion animations with AI by pointing an MCP at a real design. Start free with VP0, then let Cursor build the variants and orchestration.

Lawrence Arya · June 2, 2026
Gyroscope 3D Parallax Effect in SwiftUI (Free Start): the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 5 min read

Gyroscope 3D Parallax Effect in SwiftUI (Free Start)

Build a tilt-driven gyroscope 3D parallax effect in SwiftUI from a free VP0 design: read CoreMotion attitude, offset layers, smooth jitter, respect Reduce Motion.

Lawrence Arya · June 2, 2026
Bottom Sheet Modal UI Template (React Native): a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Bottom Sheet Modal UI Template (React Native)

React Native में साफ़ bottom sheet modal? handle, snap points, drag-to-dismiss aur safe area चाहिए। VP0 design से gesture-driven sheet बनाइए, accessible aur free।

Lawrence Arya · June 2, 2026
Native Toast Notification Modals in React Native (Free): a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

Native Toast Notification Modals in React Native (Free)

Build native-feeling toasts and modals in React Native: one host, safe-area aware, gesture-dismissible and accessible, from a free VP0 design.

Lawrence Arya · June 2, 2026
Grounding and Breathing UI in SwiftUI, Calm: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

Grounding and Breathing UI in SwiftUI, Calm

Build a calming grounding and breathing UI in SwiftUI from a free template: a slow breathing circle, box-breathing pacing, 5-4-3-2-1, gentle haptics.

Lawrence Arya · June 2, 2026