Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

i couldn't find any good chart library for mobile, so i built my own - fully native for android and ios - 60 fps ultra-smooth scrolling - indicators and drawing tool - fluid gesture recognition - real-time updates react native / swift

Suhail Kakar

69,392 subscribers

61,224 views • 9 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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`

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 views • 2 years ago

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,118 views • 2 years ago

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!

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 views • 6 months ago

I review React Native UI daily. Gems always slip away twice: bookmarks you can't find again, and GitHub rabbit holes just to preview. So I built Native Bloom — Find it fast. Ship it faster. → 🌱 Use code LAUNCH for 20% off Pro until Aug 14

I review React Native UI daily. Gems always slip away twice: bookmarks you can't find again, and GitHub rabbit holes just to preview. So I built Native Bloom — Find it fast. Ship it faster. → 🌱 Use code LAUNCH for 20% off Pro until Aug 14

Volodymyr

118,081 views • 2 months ago

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline

Benji Taylor

94,372 views • 7 months ago

What if Curated Supply had native iOS and Android apps? Justin Farrugia and I teamed up and built an app for his catalog of extremely well-designed tech, homeware, and lifestyle products. Built entirely using Expo! Should we ship it?

What if Curated Supply had native iOS and Android apps? Justin Farrugia and I teamed up and built an app for his catalog of extremely well-designed tech, homeware, and lifestyle products. Built entirely using Expo! Should we ship it?

Nathan Schroeder

12,902 views • 1 month ago

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…

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 views • 2 months ago

Heyo exciting news! Just released my react-native-godot library to the world! Available on npm, just `yarn add react-native-godot` and you’re (almost) good to go :) Basically, you can embed any Godot projects on iOS (Android coming soon) into your React Native app, It supports multiple Godot views at the same time, full styling (you get flex box multiple Godot views and update their layout dynamically) Still pretty early but I think it’s already enough to hack around with it. If you have any questions or issues feel free to dm me. Alsoo, give us a star on Github if you support the initiative 😊

Heyo exciting news! Just released my react-native-godot library to the world! Available on npm, just `yarn add react-native-godot` and you’re (almost) good to go :) Basically, you can embed any Godot projects on iOS (Android coming soon) into your React Native app, It supports multiple Godot views at the same time, full styling (you get flex box multiple Godot views and update their layout dynamically) Still pretty early but I think it’s already enough to hack around with it. If you have any questions or issues feel free to dm me. Alsoo, give us a star on Github if you support the initiative 😊

𝒔𝒆𝒃 🔮

48,096 views • 1 year ago

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:

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 views • 2 months ago

Exciting news! Bing is now integrated into SwiftKey on Android and iOS. Search, chat and rewrite messages using Bing from any app. As someone who communicates daily in my non-native language, the tone feature is a great tool for adapting my words to the style of the conversation.

Exciting news! Bing is now integrated into SwiftKey on Android and iOS. Search, chat and rewrite messages using Bing from any app. As someone who communicates daily in my non-native language, the tone feature is a great tool for adapting my words to the style of the conversation.

Jordi Ribas

68,731 views • 3 years ago

you need to be appsmaxxing. i have become addicted to making my own iphone apps. fable can basically one shot these if you have a mac and xcode installed. pay $99 and setup test flight and you can have custom bespoke swift native iphone apps for anything you want. i built a ferry schedule app so i can stop looking at a website, and even created a simple widget so i can just glance at my screen, and made an apple watch version with just the details i need. i took my marin newsletter site and made it into a native app, and i also have my poker arena as a native iphone app now.

you need to be appsmaxxing. i have become addicted to making my own iphone apps. fable can basically one shot these if you have a mac and xcode installed. pay $99 and setup test flight and you can have custom bespoke swift native iphone apps for anything you want. i built a ferry schedule app so i can stop looking at a website, and even created a simple widget so i can just glance at my screen, and made an apple watch version with just the details i need. i took my marin newsletter site and made it into a native app, and i also have my poker arena as a native iphone app now.

pedram.md

30,537 views • 17 days ago

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

A couple days ago I released a RC for 3.3 of react-native-screen-transitions. VERY excited for this release as it tackles snap points and an improved gesture system in deeply nested stacks. I had claude design some examples for us so we can dive in 😼

Ed

12,400 views • 8 months ago

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 👇

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,720 views • 1 month ago

made something I wanted for a while: a high performance custom tab/splits library in swift for native Mac apps. with support for drag/drop, CoreAnimation accelerated transitions, and more. spent a lot of time on the polish of this thing to feel snappy, but fun.

made something I wanted for a while: a high performance custom tab/splits library in swift for native Mac apps. with support for drag/drop, CoreAnimation accelerated transitions, and more. spent a lot of time on the polish of this thing to feel snappy, but fun.

almonk

25,274 views • 8 months ago

i screenshot everything and can never find anything. so i built ctrl+f for my screenshots folder. type any word that was in the image, it shows up in milliseconds. fully offline. open source.

i screenshot everything and can never find anything. so i built ctrl+f for my screenshots folder. type any word that was in the image, it shows up in milliseconds. fully offline. open source.

xevrion

47,244 views • 3 days ago

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 ⚛︎

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

40,393 views • 5 months ago

Introducing MLX-Swift-TS An SDK for running time series foundation models fully on-device on Apple Silicon. When I joined Datadog, Inc. , I was introduced to Toto, our time series foundation model, and got excited about zero-shot forecasting across different domains. While building a health copilot app, I realized there wasn’t a simple way to run models like these locally on device. So I built one. MLX-Swift-TS exposes a common TimeSeriesForecaster interface for loading and running multiple time series architectures directly in Swift using MLX. No server required. The attached video shows on-device forecasting running inside a native Swift app. Huge thanks to Awni Hannun and the MLX team for building MLX and its Swift API, Prince Canuma for inspiration on MLX SDK patterns, and Ameet Talwalkar and the Datadog team for Toto.

Introducing MLX-Swift-TS An SDK for running time series foundation models fully on-device on Apple Silicon. When I joined Datadog, Inc. , I was introduced to Toto, our time series foundation model, and got excited about zero-shot forecasting across different domains. While building a health copilot app, I realized there wasn’t a simple way to run models like these locally on device. So I built one. MLX-Swift-TS exposes a common TimeSeriesForecaster interface for loading and running multiple time series architectures directly in Swift using MLX. No server required. The attached video shows on-device forecasting running inside a native Swift app. Huge thanks to Awni Hannun and the MLX team for building MLX and its Swift API, Prince Canuma for inspiration on MLX SDK patterns, and Ameet Talwalkar and the Datadog team for Toto.

Kunal Batra

12,585 views • 7 months ago

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

Started using React Native two days ago and immediately fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one example

kelvin.dart

67,945 views • 2 months ago

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.

Tool UI is a React framework for conversation-native UIs. Tools return JSON, and Tool UI renders it as inline, narrated, referenceable surfaces inside messages, optimized for chat width and scroll. It’s schema-first: every surface is driven by a serializable schema with stable IDs, so results stay consistent and reusable. It’s assistant-anchored and stack-agnostic, working with any LLM/provider and orchestration layer. If you’re building agents, it’s a clean bridge from tool outputs to real product UX.

Tw93

66,900 views • 8 months ago

MiaoYan is a lightweight, native macOS Markdown editor for writing and notes — one of my open-source macOS projects. It just shipped its biggest update to date, introducing Split View for side-by-side Markdown editing and live preview, with smooth bidirectional scroll sync. This release also brings a full visual refinement, layout cycling between sidebar, list, and focus modes, faster startup with native window animations, and broad performance improvements across editing, preview, and export. Built entirely in Swift, not Electron. MiaoYan is local-first, requires no account, collects no telemetry, and avoids AI features by design. I built it for clean Markdown, performance, and a calm writing environment.

MiaoYan is a lightweight, native macOS Markdown editor for writing and notes — one of my open-source macOS projects. It just shipped its biggest update to date, introducing Split View for side-by-side Markdown editing and live preview, with smooth bidirectional scroll sync. This release also brings a full visual refinement, layout cycling between sidebar, list, and focus modes, faster startup with native window animations, and broad performance improvements across editing, preview, and export. Built entirely in Swift, not Electron. MiaoYan is local-first, requires no account, collects no telemetry, and avoids AI features by design. I built it for clean Markdown, performance, and a calm writing environment.

Tw93

34,665 views • 9 months ago