Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl ö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

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 görüntüleme • 8 ay önce

🤯 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 görüntüleme • 10 ay önce

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,321 görüntüleme • 1 yıl ö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,835 görüntüleme • 1 yıl önce

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,368 görüntüleme • 8 ay önce

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,048 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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,627 görüntüleme • 1 yıl önce

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 görüntüleme • 8 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 • 3 ay önce

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

381,615 görüntüleme • 1 yıl önce

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,858 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 9 gün önce

I thought it would be cool to visualize how virtualization in Legend List / react native works so I made this site I've been hacking on Legend List Backpack 🎒 and thought y'all would wanna see how the internals work
0:16

I thought it would be cool to visualize how virtualization in Legend List / react native works so I made this site I've been hacking on Legend List Backpack 🎒 and thought y'all would wanna see how the internals work

Peter Piekarczyk (🥧🚗🐥)

17,011 görüntüleme • 2 ay önce