<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
<url>
<loc>https://anwersolangi.com</loc>
<image:image>
<image:loc>https://anwersolangi.com/og-image.png</image:loc>
</image:image>
<lastmod>2026-09-20T00:00:00.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>1</priority>
</url>
<url>
<loc>https://anwersolangi.com/hire-react-native-developer-karachi</loc>
<changefreq>monthly</changefreq>
<priority>0.95</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog</loc>
<lastmod>2026-09-20T00:00:00.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.85</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels</loc>
<lastmod>2026-07-08T09:30:00.000Z</lastmod>
<changefreq>weekly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps</loc>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools</loc>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://anwersolangi.com/privacy</loc>
<changefreq>yearly</changefreq>
<priority>0.3</priority>
</url>
<url>
<loc>https://anwersolangi.com/terms</loc>
<changefreq>yearly</changefreq>
<priority>0.3</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/wasiyyah</loc>
<image:image>
<image:loc>https://anwersolangi.com/wasiyyah_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/doculensai</loc>
<image:image>
<image:loc>https://anwersolangi.com/doculensai_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/nearby</loc>
<image:image>
<image:loc>https://anwersolangi.com/nearby_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/whatsupfire</loc>
<image:image>
<image:loc>https://anwersolangi.com/whatsupfire_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/velocity-track</loc>
<image:image>
<image:loc>https://anwersolangi.com/velocity_track_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/youtube-fullscreen-focus</loc>
<image:image>
<image:loc>https://anwersolangi.com/youtube-fullscreen-focus_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/reacttube</loc>
<image:image>
<image:loc>https://anwersolangi.com/react_tube.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/convertix</loc>
<image:image>
<image:loc>https://anwersolangi.com/convertix_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/tapmeal</loc>
<image:image>
<image:loc>https://anwersolangi.com/tapmeal_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/apps/memoriq</loc>
<image:image>
<image:loc>https://anwersolangi.com/memoriq_icon.png</image:loc>
</image:image>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/diff-checker</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/regex-tester</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/csv-to-json</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/qr-code-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/app-icon-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/uuid-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/password-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/pdf-to-image</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/image-compressor</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/image-converter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/json-formatter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/base64-encoder</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/color-converter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/word-counter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/case-converter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/css-gradient-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/lorem-ipsum-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/image-resizer</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/youtube-thumbnail-downloader</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/hash-generator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/url-encoder</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/jwt-decoder</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/timestamp-converter</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/cnic-lookup</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/salary-tax-calculator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/pta-tax-calculator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/tools/zakat-calculator</loc>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/react-native-in-2026</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/react-native-2026-cover.png</image:loc>
</image:image>
<lastmod>2026-07-08T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/react-native-animation-examples</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/animation-examples-cover.png</image:loc>
</image:image>
<lastmod>2026-09-20T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/publish-react-native-app-play-store</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/play-store-cover.png</image:loc>
</image:image>
<lastmod>2026-09-18T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/app-icon-sizes-ios-android-web</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/app-icon-sizes-cover.png</image:loc>
</image:image>
<lastmod>2026-09-16T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/why-your-restaurant-needs-a-qr-digital-menu-in-2026</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/restaurant-qr-menu-cover.png</image:loc>
</image:image>
<lastmod>2026-07-10T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/how-to-choose-between-react-native-flutter-and-native</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/choose-stack-cover.png</image:loc>
</image:image>
<lastmod>2026-07-02T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/why-a-mobile-app-is-a-must-for-your-business-in-2026</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/app-must-2026-cover.png</image:loc>
</image:image>
<lastmod>2026-06-26T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/how-much-does-it-cost-to-build-a-mobile-app</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/app-cost-cover.png</image:loc>
</image:image>
<lastmod>2026-06-19T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/why-you-need-a-mobile-app</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/why-mobile-app-cover.png</image:loc>
</image:image>
<lastmod>2026-06-12T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/blog/how-nadra-structures-the-cnic-number-in-pakistan</loc>
<image:image>
<image:loc>https://anwersolangi.com/blog/cnic-structure-cover.png</image:loc>
</image:image>
<lastmod>2026-06-05T00:00:00.000Z</lastmod>
<changefreq>monthly</changefreq>
<priority>0.75</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/couldnt-decide-what-to-eat-so-i-built-a-spinning-food-wheel</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/couldnt-decide-what-to-eat-so-i-built-a-spinning-food-wheel-reel.jpg</image:loc>
</image:image>
<lastmod>2026-03-16T05:25:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/biometric-authentication-screen-with-face-id-fingerprint-in</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/biometric-authentication-screen-with-face-id-fingerprint-in-reel.jpg</image:loc>
</image:image>
<lastmod>2026-02-13T05:25:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/swipeable-card-stack-wallet-with-gesture-driven-animations</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/swipeable-card-stack-wallet-with-gesture-driven-animations-reel.jpg</image:loc>
</image:image>
<lastmod>2026-02-11T02:29:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/your-dashboard-isnt-boring-it-just-needs-better-hierarchy</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/your-dashboard-isnt-boring-it-just-needs-better-hierarchy-reel.jpg</image:loc>
</image:image>
<lastmod>2026-02-24T04:28:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/premium-instagram-inspired-feed-glassmorphic-tab-bar-in-reac</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/premium-instagram-inspired-feed-glassmorphic-tab-bar-in-reac-reel.jpg</image:loc>
</image:image>
<lastmod>2026-02-05T05:21:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-cyberpunk-slot-machine-in-react-native</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/built-a-cyberpunk-slot-machine-in-react-native-reel.jpg</image:loc>
</image:image>
<lastmod>2026-02-22T00:42:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-a-react-native-gamification-library-with-streaks-xp</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/0RcrlGVIjyY/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building a React Native Gamification Library with Streaks, XP &amp; Badges</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/0RcrlGVIjyY/hqdefault.jpg</video:thumbnail_loc>
<video:description>An early look at a gamification library I&apos;m building for React Native: drop-in streaks, XP bars and badges you can add to a screen without wiring the animation yourself. It isn&apos;t released yet. This is the state of it while I work on the API.</video:description>
<video:player_loc>https://www.youtube.com/embed/0RcrlGVIjyY</video:player_loc>
<video:duration>15</video:duration>
<video:publication_date>2026-03-21T04:02:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-21T04:02:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/sleek-login-screen-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/jdRxKHIwkys/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Sleek Login Screen UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/jdRxKHIwkys/hqdefault.jpg</video:thumbnail_loc>
<video:description>A login screen with the details that usually get skipped: focus states on the fields, a button that reacts to being pressed, and spacing that survives a small phone. It&apos;s the kind of screen I build first when a client wants to feel the app before any features exist.</video:description>
<video:player_loc>https://www.youtube.com/embed/jdRxKHIwkys</video:player_loc>
<video:duration>26</video:duration>
<video:publication_date>2026-01-31T16:28:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-01-31T16:28:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/smooth-liquid-swipe-onboarding-with-react-native-reanimated</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/W4o1mQ_lmhI/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Smooth Liquid Swipe Onboarding with React Native Reanimated</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/W4o1mQ_lmhI/hqdefault.jpg</video:thumbnail_loc>
<video:description>Onboarding where one swipe drives everything at once. Gesture Handler tracks the pan, Reanimated maps that distance onto the reveal, and Expo Image with BlurHash keeps the full-screen photos from popping in. Let go early and it springs back; pass the threshold and it completes.</video:description>
<video:player_loc>https://www.youtube.com/embed/W4o1mQ_lmhI</video:player_loc>
<video:duration>11</video:duration>
<video:publication_date>2026-02-01T05:51:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-01T05:51:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/premium-otp-verification-screen-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/Jzmq5VH8SW8/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Premium OTP Verification Screen in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/Jzmq5VH8SW8/hqdefault.jpg</video:thumbnail_loc>
<video:description>An OTP screen that verifies the moment the last digit lands instead of waiting for a submit button. Each box animates as it fills, and the loading and success states belong to the same flow. Reanimated and TypeScript, and it&apos;s the screen I reuse most often in client work.</video:description>
<video:player_loc>https://www.youtube.com/embed/Jzmq5VH8SW8</video:player_loc>
<video:duration>25</video:duration>
<video:publication_date>2026-02-01T19:51:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-01T19:51:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-a-chatgpt-style-ai-assistant-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/lPDEZXtllro/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building a ChatGPT-style AI Assistant UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/lPDEZXtllro/hqdefault.jpg</video:thumbnail_loc>
<video:description>A chat interface with voice input that reacts while you speak, glassmorphic message cards and staggered entrances. Expo Blur handles the frosted panels and Reanimated the springs. It&apos;s the shape most AI apps have converged on, built here in a single file.</video:description>
<video:player_loc>https://www.youtube.com/embed/lPDEZXtllro</video:player_loc>
<video:duration>12</video:duration>
<video:publication_date>2026-02-03T02:31:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-03T02:31:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-a-premium-habit-tracker-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/HY0yi_RV6Mo/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building a Premium Habit Tracker in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/HY0yi_RV6Mo/hqdefault.jpg</video:thumbnail_loc>
<video:description>A habit tracker with animated SVG progress rings, weekly completion charts and streak badges. The rings fill on mount and the cards answer taps with spring physics. Glassmorphism on a dark ground, which is what fitness and habit apps keep asking for.</video:description>
<video:player_loc>https://www.youtube.com/embed/HY0yi_RV6Mo</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-04T05:36:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-04T05:36:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/uber-style-delivery-tracker-with-real-time-map-in-react-nati</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/V03GBRyA3GY/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Uber-Style Delivery Tracker with Real-Time Map in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/V03GBRyA3GY/hqdefault.jpg</video:thumbnail_loc>
<video:description>A delivery tracker on a real Google Map, with a car marker that rotates to face its heading and a route that draws progressively as the driver moves. The palette is monochrome on purpose, so the route and the marker are the only things competing for attention.</video:description>
<video:player_loc>https://www.youtube.com/embed/V03GBRyA3GY</video:player_loc>
<video:duration>23</video:duration>
<video:publication_date>2026-02-06T03:20:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-06T03:20:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/card-input-screen-with-real-time-preview-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/SCj2Ie2jagc/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Card Input Screen with Real-Time Preview in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/SCj2Ie2jagc/hqdefault.jpg</video:thumbnail_loc>
<video:description>A card form where the card above it fills in as you type and flips itself when you reach the security code. New cards slide up from the bottom of the stack. Typed throughout, and the flip is the part that tells people the app understood what they entered.</video:description>
<video:player_loc>https://www.youtube.com/embed/SCj2Ie2jagc</video:player_loc>
<video:duration>15</video:duration>
<video:publication_date>2026-02-07T05:12:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-07T05:12:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/interactive-3d-ui-demo-with-expo-react-native-skia</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/qJcigGuG8RU/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Interactive 3D UI Demo with Expo &amp; React Native Skia</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/qJcigGuG8RU/hqdefault.jpg</video:thumbnail_loc>
<video:description>Not a pre-rendered animation: this one reads the device&apos;s motion sensors, so tilting the phone moves the layers in real time. Built with Expo and the gyroscope. It&apos;s the clearest demo I have of how far past flat views React Native can go now.</video:description>
<video:player_loc>https://www.youtube.com/embed/qJcigGuG8RU</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-09T07:33:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-09T07:33:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/premium-glassmorphism-calculator-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/jLu03xKxPuI/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Premium Glassmorphism Calculator in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/jLu03xKxPuI/hqdefault.jpg</video:thumbnail_loc>
<video:description>A calculator behind frosted glass, with an aurora gradient drifting behind it and buttons that respond to every press. Blur is the expensive part, so the gradient stays static and only cheap properties animate over it. Expo and React Native, one file.</video:description>
<video:player_loc>https://www.youtube.com/embed/jLu03xKxPuI</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-10T02:24:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-10T02:24:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/liquid-glass-music-player-inspired-by-apple-music</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/4zRMy2c_mOI/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Liquid Glass Music Player Inspired by Apple Music</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/4zRMy2c_mOI/hqdefault.jpg</video:thumbnail_loc>
<video:description>A music player where the album art bleeds through a heavy blur into the background, the vinyl disc turns while playing, and pulse rings follow the beat. Every track re-themes the screen from its own artwork. The restraint matters here: everything moves slowly, so nothing competes.</video:description>
<video:player_loc>https://www.youtube.com/embed/4zRMy2c_mOI</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-12T06:10:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-12T06:10:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-flappy-bird-from-scratch-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/YmkfJ06UT4U/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built Flappy Bird from Scratch in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/YmkfJ06UT4U/hqdefault.jpg</video:thumbnail_loc>
<video:description>The whole game rebuilt with React Native Skia: gravity, collision detection, scrolling ground, animated clouds and a medal at the end. Skia draws each frame on the GPU instead of re-rendering a component tree, which is why it holds a steady frame rate.</video:description>
<video:player_loc>https://www.youtube.com/embed/YmkfJ06UT4U</video:player_loc>
<video:duration>22</video:duration>
<video:publication_date>2026-02-14T19:11:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-14T19:11:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-fully-interactive-pizza-ordering-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/kIl8HJvMjBE/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a fully interactive Pizza Ordering UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/kIl8HJvMjBE/hqdefault.jpg</video:thumbnail_loc>
<video:description>Pick a topping and it animates onto the pizza while the price updates as you go. The pizza is drawn with react-native-svg and a radial gradient rather than shipped as an image, so it stays sharp at any size. There&apos;s a full order confirmation flow at the end.</video:description>
<video:player_loc>https://www.youtube.com/embed/kIl8HJvMjBE</video:player_loc>
<video:duration>17</video:duration>
<video:publication_date>2026-02-19T21:14:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-19T21:14:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-fully-interactive-broadcast-radio-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/iOHvGwu6A_I/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a fully interactive Broadcast Radio UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/iOHvGwu6A_I/hqdefault.jpg</video:thumbnail_loc>
<video:description>A vintage broadcast radio drawn entirely with react-native-svg: an AM/FM frequency display, a VU meter that reacts, and dials that turn. No images anywhere, every part is drawn. This took longer than anything else in this list and it was purely for fun.</video:description>
<video:player_loc>https://www.youtube.com/embed/iOHvGwu6A_I</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-21T03:03:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-21T03:03:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/duolingo-spent-millions-building-their-interactive-word-tran</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/kyZBjNGSkmE/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Duolingo spent millions building their interactive word translation screen.</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/kyZBjNGSkmE/hqdefault.jpg</video:thumbnail_loc>
<video:description>Duolingo&apos;s drag-and-drop translation exercise, rebuilt in one file with Reanimated. Word tiles follow your finger, snap into the answer slots, and the remaining tiles reflow around the gap. Live-coded from scratch with hot reload running.</video:description>
<video:player_loc>https://www.youtube.com/embed/kyZBjNGSkmE</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-02-23T05:32:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-23T05:32:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/what-if-weather-uis-were-more-satisfying</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/g398y_5qQvg/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>What if weather UIs were more satisfying?</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/g398y_5qQvg/hqdefault.jpg</video:thumbnail_loc>
<video:description>A weather screen built to answer one question: what if this were satisfying to look at instead of a table of numbers? Same information, arranged so the temperature and the condition land first and everything else waits its turn.</video:description>
<video:player_loc>https://www.youtube.com/embed/g398y_5qQvg</video:player_loc>
<video:duration>11</video:duration>
<video:publication_date>2026-02-18T22:52:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-18T22:52:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-a-neo-brutalism-wallet-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/My4GWdR_5t4/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building a Neo Brutalism Wallet UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/My4GWdR_5t4/hqdefault.jpg</video:thumbnail_loc>
<video:description>A fintech UI that breaks the usual rules on purpose: thick borders, hard shadows, loud colour, none of the restraint Apple&apos;s guidelines suggest. I built it to ask whether a wallet has to look minimal to feel trustworthy. Going by the comments, that is still contested.</video:description>
<video:player_loc>https://www.youtube.com/embed/My4GWdR_5t4</video:player_loc>
<video:duration>16</video:duration>
<video:publication_date>2026-03-02T21:41:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-02T21:41:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/pure-monochrome-editorial-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/kBdDbar-3_g/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Pure Monochrome Editorial UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/kBdDbar-3_g/hqdefault.jpg</video:thumbnail_loc>
<video:description>No colour at all: serif type, divider lines that draw themselves on screen, a slowly rotating circle composition and staggered entrances. The point of the experiment is that hierarchy, not palette, is what makes a screen look designed.</video:description>
<video:player_loc>https://www.youtube.com/embed/kBdDbar-3_g</video:player_loc>
<video:duration>7</video:duration>
<video:publication_date>2026-03-04T05:34:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-04T05:34:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/recreated-a-childhood-scenery-drawing-using-react-native-ski</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/RWDXtFLiJEU/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Recreated a Childhood Scenery Drawing Using React Native Skia</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/RWDXtFLiJEU/hqdefault.jpg</video:thumbnail_loc>
<video:description>The scenery drawing everyone made at school, sun and mountains and river and birds, except drawn in code with React Native Skia instead of pencils. A small experiment in how far drawing primitives go, and the most fun I have had with Skia.</video:description>
<video:player_loc>https://www.youtube.com/embed/RWDXtFLiJEU</video:player_loc>
<video:duration>10</video:duration>
<video:publication_date>2026-03-12T02:58:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-12T02:58:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-a-food-ordering-app-ui-using-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/S_VdcURQSg4/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building a Food Ordering App UI using React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/S_VdcURQSg4/hqdefault.jpg</video:thumbnail_loc>
<video:description>A food ordering home screen built at speed, covering the menu, the cart and the order list in one pass. It&apos;s the layout most delivery apps share, so it&apos;s a useful starting point if you&apos;re building one and want the structure before the polish.</video:description>
<video:player_loc>https://www.youtube.com/embed/S_VdcURQSg4</video:player_loc>
<video:duration>10</video:duration>
<video:publication_date>2026-03-13T05:48:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-13T05:48:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-full-flight-bus-train-booking-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/IdMe66TKyp0/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a Full Flight, Bus &amp; Train Booking UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/IdMe66TKyp0/hqdefault.jpg</video:thumbnail_loc>
<video:description>A travel booking screen covering flights, buses and trains together, with working filters, an animated swap between origin and destination, and sort controls over live result cards. One file, no UI kit. Multi-mode search is fiddly to lay out, and this is the version I&apos;d start from.</video:description>
<video:player_loc>https://www.youtube.com/embed/IdMe66TKyp0</video:player_loc>
<video:duration>14</video:duration>
<video:publication_date>2026-03-14T04:21:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-14T04:21:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-stock-trading-ui-with-slot-machine-digit-flip-in-rea</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/J3PA-IDTojc/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a Stock Trading UI with Slot-Machine Digit Flip in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/J3PA-IDTojc/hqdefault.jpg</video:thumbnail_loc>
<video:description>A trading screen where each digit of the price scrolls independently when it changes, like a slot machine reel. No animation library: the flip is built from React Native&apos;s own primitives. The effect is small, and it&apos;s the only reason anyone remembers the screen.</video:description>
<video:player_loc>https://www.youtube.com/embed/J3PA-IDTojc</video:player_loc>
<video:duration>10</video:duration>
<video:publication_date>2026-03-15T06:00:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-15T06:00:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-full-habit-tracker-ui-with-ai-insights-in-react-nati</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/7NlNdU_-pkw/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a Full Habit Tracker UI with AI Insights in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/7NlNdU_-pkw/hqdefault.jpg</video:thumbnail_loc>
<video:description>A dark habit tracker with animated SVG rings, streak counters, weekly check-in dots and a live insights card at the bottom. Built on Expo in pure TypeScript, one production-ready file, no UI libraries.</video:description>
<video:player_loc>https://www.youtube.com/embed/7NlNdU_-pkw</video:player_loc>
<video:duration>11</video:duration>
<video:publication_date>2026-03-18T08:09:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-18T08:09:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-an-interactive-settings-screen-with-a-satisfying-da</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/6IqnxWX524o/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Building an interactive settings screen with a satisfying dark/light mode toggle</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/6IqnxWX524o/hqdefault.jpg</video:thumbnail_loc>
<video:description>A settings screen where the dark and light toggle is worth watching: the switch travels, the surface follows it, and the change lands as one motion rather than a flicker. A small detail, but it&apos;s the interaction people try twice.</video:description>
<video:player_loc>https://www.youtube.com/embed/6IqnxWX524o</video:player_loc>
<video:duration>7</video:duration>
<video:publication_date>2026-02-26T01:58:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-02-26T01:58:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/built-a-premium-crypto-wallet-ui-in-react-native</loc>
<image:image>
<image:loc>https://i.ytimg.com/vi/bqtcX1-Nid0/hqdefault.jpg</image:loc>
</image:image>
<video:video>
<video:title>Built a Premium Crypto Wallet UI in React Native</video:title>
<video:thumbnail_loc>https://i.ytimg.com/vi/bqtcX1-Nid0/hqdefault.jpg</video:thumbnail_loc>
<video:description>A crypto wallet built end to end with hot reload running, from an empty file to a finished screen. Balance card, token list, and the spacing that keeps a dense financial screen readable rather than cramped.</video:description>
<video:player_loc>https://www.youtube.com/embed/bqtcX1-Nid0</video:player_loc>
<video:duration>28</video:duration>
<video:publication_date>2026-03-20T00:33:00.000Z</video:publication_date>
</video:video>
<lastmod>2026-03-20T00:33:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/restaurant-floor-plan-ui-react-native-skia-neon-glow-gpu-canvas</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/restaurant-floor-plan-ui-react-native-skia-neon-glow-gpu-canvas-reel.jpg</image:loc>
</image:image>
<lastmod>2026-05-22T06:18:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/netflix-style-ott-streaming-home-react-native-hero-banner-progress-bars</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/netflix-style-ott-streaming-home-react-native-hero-banner-progress-bars-reel.jpg</image:loc>
</image:image>
<lastmod>2026-05-20T06:14:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/premium-gym-membership-card-react-native-skia-hologram-shimmer-card-flip</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/premium-gym-membership-card-react-native-skia-hologram-shimmer-card-flip-reel.jpg</image:loc>
</image:image>
<lastmod>2026-05-19T04:46:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/olx-listing-home-react-native-snap-scroll-cards-heart-spring</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/olx-listing-home-react-native-snap-scroll-cards-heart-spring-reel.jpg</image:loc>
</image:image>
<lastmod>2026-05-18T05:51:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/coffee-order-carousel-react-native-swipe-tap-cards</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/coffee-order-carousel-react-native-swipe-tap-cards-reel.jpg</image:loc>
</image:image>
<lastmod>2026-06-04T19:00:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/ride-hail-driver-arriving-react-native-animated-route-eta</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/ride-hail-driver-arriving-react-native-animated-route-eta-reel.jpg</image:loc>
</image:image>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/food-delivery-order-tracking-react-native-step-timeline-bag-bounce</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/food-delivery-order-tracking-react-native-step-timeline-bag-bounce-reel.jpg</image:loc>
</image:image>
<lastmod>2026-06-12T19:09:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/estate-listing-ui-react-native</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/estate-listing-ui-react-native-reel.jpg</image:loc>
</image:image>
<video:video>
<video:title>Real Estate Listing UI in React Native</video:title>
<video:thumbnail_loc>https://anwersolangi.com/reels/covers/estate-listing-ui-react-native-reel.jpg</video:thumbnail_loc>
<video:description>A dark slate property detail screen: full-bleed hero photo, stacked interior thumbnails, a price drop indicator, the bed, bath and square-foot row, and a working Schedule Tour button. Reanimated springs the heart, haptics fire on each tap, and the photography is real rather than placeholder grey.</video:description>
<video:player_loc>https://www.youtube.com/embed/jApbjhwRpoY</video:player_loc>
<video:duration>8</video:duration>
<video:publication_date>2026-06-24T18:42:05.000Z</video:publication_date>
</video:video>
<lastmod>2026-06-24T18:42:05.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/live-stock-chart-react-native-self-drawing-svg-price-ticker</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/live-stock-chart-react-native-self-drawing-svg-price-ticker-reel.jpg</image:loc>
</image:image>
<video:video>
<video:title>Live Stock Chart in React Native — The chart draws itself while the price ticks live</video:title>
<video:thumbnail_loc>https://anwersolangi.com/reels/covers/live-stock-chart-react-native-self-drawing-svg-price-ticker-reel.jpg</video:thumbnail_loc>
<video:description>A stock screen where the chart draws itself on mount: the line and its area fill are plain SVG paths revealed progressively, with a pulsing dot riding the leading edge. The price ticks on a fixed interval and the sheet below tracks your position.</video:description>
<video:player_loc>https://www.youtube.com/embed/ZxxG7dFflI0</video:player_loc>
<video:duration>10</video:duration>
<video:publication_date>2026-07-01T17:57:39.000Z</video:publication_date>
</video:video>
<lastmod>2026-07-01T17:57:39.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://anwersolangi.com/reels/building-an-ai-voice-call-ui-using-react-native</loc>
<image:image>
<image:loc>https://anwersolangi.com/reels/covers/ai-voice-call-ui-using-react-native-reel.jpg</image:loc>
</image:image>
<lastmod>2026-07-08T09:30:00.000Z</lastmod>
<changefreq>yearly</changefreq>
<priority>0.6</priority>
</url>
</urlset>
