🤯 Blur content in React Native Android - no... library! Just use filter: blur(10px) directly in your styles. ✅ Blurs element content (text, images, etc.) ❌ Not a backdrop blur 📌 iOS equivalent: CIGaussianBlur via CIFilter 📌 Web equivalent: filter: blur() Requires RN 0.77+ or Expo 53+. React Native docs : ⚡ Demo + code in thread 👇show more

❄️ Native blur views for React Native + Expo.... 🔗 Github:show more

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

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 reanimatedshow more

Liquid Glass buttons in React Native 🔍 I did... a small POC, should I make it a library? (Android would have its native button equivalent)show more

💡CSS techniques: "The Backlight" Using a blur filter you... can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:show more

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…show more

Introducing react-native-nano-icons! 💎🔬 The ultimate way to handle custom... icons in React Native: 🛠️ Integrated SVG-to-font build process ⚡ Blazing fast native components 🎨 Multi-color font icon support 📐 Use icons inline within RN components 🚀 Expo Go & Web support out of the box Check out our GitHub 👇 or learn more in the 🧵show more

🚀 Native content transitions for React Native + Expo.... 🔗 Github:show more

Let's make Android development in React Native great and... fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.show more

41. ChatGPT attachments menu rebuilt in react native +... expo + react-native-keyboard-controller rate it 1-10 👇show more

just shipped a curved scrollbar made with Expo react-native-svg... and reanimated works on mobile and web grab the code 👇show more

No need to add another dependency to implement a... native bottom sheet in React Native💡 Just use presentation: "formSheet" from Native Stack 👇show more

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

the trick to this css card glow/shine effect is... blurring a duplicated layer that moves around 👨‍🍳 the og post mentions feGaussianBlur but you can use css filter blur too (there's a toggle 👇) filter: blur(28px) saturate(5) brightness(1.3) jus' need to test what plays best!show more

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!show more

The Popover API puts your UI on a separate... top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→show more

Just so you know. This approach also works in... React Native This UI was not built with react code 👀show more

Universal components in Expo using Expo UI! Shared code,... native styling. Every switch, slider and checkbox is SwiftUI on iOS and Material 3 on Android. Code below 👇show more

iOS 18 Blur vs iOS 26 Glass ✨

Design Engineering Tip: Reduce backdrop blur while the user... scrolls fast. Heavy blur during motion destroys perceived smoothness and increases GPU workload. Lowering blur dynamically keeps interfaces crisp while also improving performance. let t; const nav = document.querySelector(".navbar"); window.addEventListener("scroll", () => { nav. style.backdropFilter = "blur(8px)"; clearTimeout(t); t = setTimeout(() => { nav. style.backdropFilter = "blur(24px)"; }, 120); });show more