✦ ⎯ • Profile header that melts into the Dynamic Island as you scroll
🚀 Built with 𝚝𝚐𝚏𝚡 from @margelo_com
🔗 Github: rit3zh/expo-scroll-metaball t.co
161 likes · 9 reposts · 4,972 views
✦ ⎯ • Carousels don't have to be boring
🔗 GitHub: rit3zh/expo-glass-carousel t.co
162 likes · 11 reposts · 4,714 views
✦ ⎯ • Animated streaming text with a smooth color trail
🔗 GitHub: rit3zh/expo-animated-streaming-text t.co
84 likes · 3 reposts · 3,587 views
Siri AI Animation
🦋 Siri-AI inspired animations built using Expo.
🔗 Github: rit3zh/expo-siri-ai-animations
2 points
🦋 Siri-AI inspired animations built using Expo.
🔗 Github: rit3zh/expo-siri-ai-animations t.co
25 likes · 2 reposts · 1,030 views
✦ ⎯ • A small collection of interactions and animations I’ve been building recently.
🔗 GitHub: rit3zh/interactions t.co
57 likes · 1 repost · 1,607 views
Smooth Interactions
I built some minimal interaction and animation using Skia and reanimated.
🔗 GitHub: rit3zh/interactions
33 points · 2 comments
Building a native open-source macOS screen recorder with SwiftUI
I primarily work with React Native, but lately I’ve been exploring native macOS development with SwiftUI.
That led me to Slice, a screen recorder and editor focused on smooth zooms, cursor animations, and polished recordings.
It’s been an interesting project to work on, and I’m making the source code available for people interested in exploring it.
Website: slice.rit3zh.dev
GitHub: rit3zh/Slice
11 points · 2 comments
Normalise Squircle View
React Native has come a long way, but there are still some small gaps between what you can do natively on iOS/Android and what you get from React Native's default primitives.
On iOS, SwiftUI has RoundedRectangle with .continuous, which produces Apple's smoother, squircle-style corners. Android also has shape APIs that can produce more advanced rounded shapes. Yet in React Native, we're still essentially working with the traditional borderRadius approach.
This feels like one of those small things that shouldn't require a completely different component or a custom implementation every time.
That's why I built squircle-view, a drop-in replacement for React Native's <View> that adds smooth corner support while keeping the normal View API and behavior on both Android and iOS.
It's implemented natively for both iOS and Android and works with both Expo and bare React Native projects, with the goal of making smooth corners feel like a normal part of React Native rather than something you have to work around using Skia or SVG.
The idea is simple: React Native's <View>, but with proper smooth corners.
I know it's a small thing, and most people might not even notice the difference at first. But once you see those smoother corners, they just feel right. It's one of those tiny details that can be easily overlook, yet somehow makes the whole interface feel a little more polished and pleasant to use. That small difference is really what made me want to build this.
🔗 Github: rit3zh/squircle-view
15 points · 1 comment
Morphlet
🚀 A native, morphing floating tray for React Native.
🔗 Github: rit3zh/morphlet
📦 npm: morphlet
🧵 Android Preview Attached in this thread
85 points · 10 comments
Mentions
✦ ⎯ • Profile header that melts into the Dynamic Island as you scroll 🚀 Built with 𝚝𝚐𝚏𝚡 from @margelo_com 🔗 Github: rit3zh/expo-scroll-metaball t.co
✦ ⎯ • Carousels don't have to be boring 🔗 GitHub: rit3zh/expo-glass-carousel t.co
✦ ⎯ • Animated streaming text with a smooth color trail 🔗 GitHub: rit3zh/expo-animated-streaming-text t.co
Siri AI Animation 🦋 Siri-AI inspired animations built using Expo. 🔗 Github: rit3zh/expo-siri-ai-animations
🦋 Siri-AI inspired animations built using Expo. 🔗 Github: rit3zh/expo-siri-ai-animations t.co
✦ ⎯ • A small collection of interactions and animations I’ve been building recently. 🔗 GitHub: rit3zh/interactions t.co
Smooth Interactions I built some minimal interaction and animation using Skia and reanimated. 🔗 GitHub: rit3zh/interactions
Building a native open-source macOS screen recorder with SwiftUI I primarily work with React Native, but lately I’ve been exploring native macOS development with SwiftUI. That led me to Slice, a screen recorder and editor focused on smooth zooms, cursor animations, and polished recordings. It’s been an interesting project to work on, and I’m making the source code available for people interested in exploring it. Website: slice.rit3zh.dev GitHub: rit3zh/Slice
Normalise Squircle View React Native has come a long way, but there are still some small gaps between what you can do natively on iOS/Android and what you get from React Native's default primitives. On iOS, SwiftUI has RoundedRectangle with .continuous, which produces Apple's smoother, squircle-style corners. Android also has shape APIs that can produce more advanced rounded shapes. Yet in React Native, we're still essentially working with the traditional borderRadius approach. This feels like one of those small things that shouldn't require a completely different component or a custom implementation every time. That's why I built squircle-view, a drop-in replacement for React Native's <View> that adds smooth corner support while keeping the normal View API and behavior on both Android and iOS. It's implemented natively for both iOS and Android and works with both Expo and bare React Native projects, with the goal of making smooth corners feel like a normal part of React Native rather than something you have to work around using Skia or SVG. The idea is simple: React Native's <View>, but with proper smooth corners. I know it's a small thing, and most people might not even notice the difference at first. But once you see those smoother corners, they just feel right. It's one of those tiny details that can be easily overlook, yet somehow makes the whole interface feel a little more polished and pleasant to use. That small difference is really what made me want to build this. 🔗 Github: rit3zh/squircle-view
Morphlet 🚀 A native, morphing floating tray for React Native. 🔗 Github: rit3zh/morphlet 📦 npm: morphlet 🧵 Android Preview Attached in this thread