Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I really like these iOS-style header blur effects here is an implementation in React Native powered by Expo-modules

hewad_mubariz's profile picture

Hewad Mubariz

2,046 subscribers

48,361 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇
0:14

I brought progressive blur to react native with Expo Native Modules ✨ needed it for this sleep timer island, so I built it. grab the source on motionary 👇

Mehdi · Motionary

11,264 görüntüleme • 18 gün önce

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on
0:16

I built the Instagram header scroll animation. Looks simple. It’s not. Shared details in the replies 💬 As ussual: ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Available on

Volodymyr

17,026 görüntüleme • 1 yıl önce

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated
0:10

New # 7️⃣1️⃣ drop at Perplexity app with Mo Gorhom bottom sheet + custom blur backdrop! ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated

make it animated

10,825 görüntüleme • 10 ay önce

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…
0:10

Swapped our custom tab bar for Apple's real iOS 26 Liquid Glass, fully native, not a React Native re-creation… Powered by Expo Router's native tabs, this renders through UIKit itself, so it gets the actual system blur, materials, and scroll behavior straight from the OS… Scroll down and watch the bar shrink into just the active icon…

Maaz jr 🦅

12,625 görüntüleme • 1 ay önce

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:
0:10

apple ships it, I rebuild it 👀 the iOS 26 pull-to-search in react native built with Expo + reanimated. code source:

Rayan

15,223 görüntüleme • 2 ay önce

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇
0:10

Native iOS split view is coming to React Navigation 🔜 Powered by React Native Screens 🫶 Let us know your use cases so we can test and ensure that the API is suitable for a wide range of usage 👇

React Navigation

12,455 görüntüleme • 5 ay önce

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`
0:11

Introducing (React) Native Bottom Tabs! 🎉 First Bottom Tab Navigator using Native Platform primitives for both Android and iOS. The API surface is almost a drop-in replacement for JS Bottom Tabs! ➡ `npm i react-native-bottom-tabs`

Oskar

82,860 görüntüleme • 1 yıl önce

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at
0:12

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 görüntüleme • 1 yıl önce

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓
0:16

The 𝚎𝚡𝚙𝚘-𝚠𝚒𝚍𝚐𝚎𝚝𝚜 alpha is here! Now you can build iOS home screen widgets and Live Activities as React components. No separate Xcode target. No manual App Groups. No SwiftUI layout code. Write your widget in @expo/ui, and Continuous Native Generation handles the rest. ◆ Interactive buttons and toggles on the home screen ◆ Live Activities for the Lock Screen and Dynamic Island ◆ One React component, native rendering under the hood Details and code to get started in the blog below ↓

Expo

110,442 görüntüleme • 6 ay önce

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇
0:14

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇

Software Mansion

11,740 görüntüleme • 3 ay önce

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄
0:11

Looks like we can place UIKit views in the accessory view! 🚀 Here is a small demo of iOS 26 accessory view running with React Native Bottom Tabs 🔥 Time to think about a good API for this 😄

Oskar

18,361 görüntüleme • 1 yıl önce

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:
0:16

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

65,233 görüntüleme • 1 ay önce

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!
0:13

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 görüntüleme • 6 ay önce

80% of building mobile apps is making sure your trays are smooth. i've been working on an app that lets you display events in countdown widgets on iOS. many others like this, but i did not like the UX or their widget design so i made something that blends in well with your home screen. 📲 public testflight dropping soon. hit me up for early access. and yes, this is react native ⚛︎
0:16

80% of building mobile apps is making sure your trays are smooth. i've been working on an app that lets you display events in countdown widgets on iOS. many others like this, but i did not like the UX or their widget design so i made something that blends in well with your home screen. 📲 public testflight dropping soon. hit me up for early access. and yes, this is react native ⚛︎

pugson

39,185 görüntüleme • 5 ay önce

Want to recreate ChatGPT’s swipe menu in React Native? 🧠 I spent the morning building it. Here’s how it works: → Gesture Handler tracks the swipe → Reanimated handles movement, scale, and opacity → Codex helped me build a custom Expo module for the exact iOS screen radius → Older iOS and Android use hardcoded fallbacks The detail that sells the effect: the corner radius never changes, so it feels like you’re moving the physical display. Source code 👇
0:13

Want to recreate ChatGPT’s swipe menu in React Native? 🧠 I spent the morning building it. Here’s how it works: → Gesture Handler tracks the swipe → Reanimated handles movement, scale, and opacity → Codex helped me build a custom Expo module for the exact iOS screen radius → Older iOS and Android use hardcoded fallbacks The detail that sells the effect: the corner radius never changes, so it feels like you’re moving the physical display. Source code 👇

Beto

36,358 görüntüleme • 1 ay önce

Inspired by the Telegram’s iOS 26 Animated Tab Bar ✌️ I just traversed through the tab bar to find the associated Image views and simply added SF Symbol Effects to them, and it just works perfectly fine. NOTE: This is a native tab view with a tab bar.
0:11

Inspired by the Telegram’s iOS 26 Animated Tab Bar ✌️ I just traversed through the tab bar to find the associated Image views and simply added SF Symbol Effects to them, and it just works perfectly fine. NOTE: This is a native tab view with a tab bar.

Kavsoft

27,071 görüntüleme • 9 ay önce

🆕 React Native Micro Skill release🚨: Expo Router App Store Card Transition. Get the skill in link below 👇 This is combo of Expo Router Zoom transitions combined with the right card format plus a landing native screen that matches the effect. Also cards bg text matches image with blur-hash. (Text color switch depending on that color too). Thats it. I call these "micro skills" and that's the point. This small skill artifacts is very simple in sight but still deep in its own way. It is thinking about how to make the effect powerful. What are the other elements to combine to make a a great UX show into existence. Again micro skills are so powerful when they compound and are what will push you into creating amazing native feel experiences. Are you creating micro skills too? LMK in the comments below.
0:19

🆕 React Native Micro Skill release🚨: Expo Router App Store Card Transition. Get the skill in link below 👇 This is combo of Expo Router Zoom transitions combined with the right card format plus a landing native screen that matches the effect. Also cards bg text matches image with blur-hash. (Text color switch depending on that color too). Thats it. I call these "micro skills" and that's the point. This small skill artifacts is very simple in sight but still deep in its own way. It is thinking about how to make the effect powerful. What are the other elements to combine to make a a great UX show into existence. Again micro skills are so powerful when they compound and are what will push you into creating amazing native feel experiences. Are you creating micro skills too? LMK in the comments below.

RO

15,704 görüntüleme • 1 ay önce

What the cold wind cannot take away is a burning heartbeat. This is an ethnic-style background music piece that I really like. I hope you enjoy it!#furry #fursuit
0:11

What the cold wind cannot take away is a burning heartbeat. This is an ethnic-style background music piece that I really like. I hope you enjoy it!#furry #fursuit

Spring泉➡️FurstClass

86,978 görüntüleme • 5 ay önce