Loading video...

Video Failed to Load

Go Home

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

o_kwasniewski's profile picture

Oskar Kwaśniewski

6,538 subscribers

21,381 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Brought this idea into React Native Video + Liquid Glass + a draggable play button Should I drop the code? 👇 #expo #reactnative
0:13

Brought this idea into React Native Video + Liquid Glass + a draggable play button Should I drop the code? 👇 #expo #reactnative

Mehdi

82,764 views • 8 months ago

🤯 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 👇
0:11

🤯 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 👇

Arunabh Verma

16,505 views • 11 months ago

Flutter devs can now build with real native Liquid Glass without writing Swift. I built real_liquid_glass to bring Apple’s native glass effects directly into Flutter. Try it:
0:12

Flutter devs can now build with real native Liquid Glass without writing Swift. I built real_liquid_glass to bring Apple’s native glass effects directly into Flutter. Try it:

Global Developer🥀

14,178 views • 20 days ago

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.
0:19

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.

Oliver Lopez

19,329 views • 1 year ago

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,835 views • 1 year ago

It’s really satisfying when you can offer a native experience in React Native and encapsulate it for reuse. React Native is Native.
0:13

It’s really satisfying when you can offer a native experience in React Native and encapsulate it for reuse. React Native is Native.

Ferran

91,454 views • 8 months 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!
0:10

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,065 views • 1 year ago

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
0:19

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

61,224 views • 7 months ago

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇
0:11

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇

Volodymyr

28,071 views • 8 months ago

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native
0:18

Hey React Native devs 👋 I recently built a very cool app with React Native Expo—it’s amazing how powerful and easy it is! 🚀 Everything you can do with React Native CLI, you can do with Expo too. If you haven’t tried it yet, now’s the time! #buildinpublic Expo React Native

Syed Noman

15,185 views • 1 year ago

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.
0:15

Added three new buttons to my library among 22 other buttons. Made in Webflow using custom CSS. Maybe we can make it a Free Button Friday thing but I can't do it alone 👀 It's a cloneable. Link is in the comments.

Eduard Bodak

15,641 views • 1 year ago

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?
0:14

On a mission to make buttons that stand out. - For this one, I played around with liquid glass mixed with a 3D effect on hover, how's it look?

Camden @ Designownow

15,547 views • 9 months 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!
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 views • 4 months ago

liquid glass pisses me off so we hacked apple's new internal library now i have to see it anytime im not locked in 💀
0:14

liquid glass pisses me off so we hacked apple's new internal library now i have to see it anytime im not locked in 💀

Aidan Guo

382,552 views • 1 year ago

Lately, I’ve been tightening my agentic coding loop - making sure what my coding agent ships actually works. Today I built a small CLI: ⁠𝚛𝚗-𝚕𝚘𝚐𝚜 🔍 It connects via CDP to pull React Native Metro logs allowing your agent to see what's going on. Here is a small demo ⬇️
0:19

Lately, I’ve been tightening my agentic coding loop - making sure what my coding agent ships actually works. Today I built a small CLI: ⁠𝚛𝚗-𝚕𝚘𝚐𝚜 🔍 It connects via CDP to pull React Native Metro logs allowing your agent to see what's going on. Here is a small demo ⬇️

Oskar

14,914 views • 6 months ago

Okay let's compare. We have implementations for native (SwiftUI & Compose), react native and flutter in no particular order. Can you tell them apart? Flutter actually did better than I expected visually, experience was as expected though (not great)
0:11

Okay let's compare. We have implementations for native (SwiftUI & Compose), react native and flutter in no particular order. Can you tell them apart? Flutter actually did better than I expected visually, experience was as expected though (not great)

Ifeanyi 💙

65,888 views • 1 year 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 😊
0:13

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

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉
0:14

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

Oskar Kwaśniewski

20,794 views • 1 year ago

Sadiq Khan would have been run out of any other country for saying this about their native population as a foreigner. If I don't belong in my own capital city, then I should be under no obligation to pay taxation for it.
0:18

Sadiq Khan would have been run out of any other country for saying this about their native population as a foreigner. If I don't belong in my own capital city, then I should be under no obligation to pay taxation for it.

StarmerOut

608,301 views • 10 months ago

An emoji picker for React Native that draws each row as ONE native view. Left: JS rows. Right: native rows (CoreText / Canvas). This is a 4-year-old Android. In DEV mode. Max-speed flings over 1,900+ emoji. Zero blank cells. Not one. New Architecture only. Dropping soon 👀
0:16

An emoji picker for React Native that draws each row as ONE native view. Left: JS rows. Right: native rows (CoreText / Canvas). This is a 4-year-old Android. In DEV mode. Max-speed flings over 1,900+ emoji. Zero blank cells. Not one. New Architecture only. Dropping soon 👀

Jassi Singh

42,244 views • 27 days ago