Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 7 Monaten

🤯 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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 1 Jahr

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,832 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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

58,997 Aufrufe • vor 1 Jahr

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,188 Aufrufe • vor 6 Monaten

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals
0:10

Expo Router v6 is here! The perfect blend of React APIs and Native views. ✦ Liquid glass tabs for all  Apple devices ✦ Native material tabs for Android ✦ link previews and context menus ✦ Server-side middleware for authorization ✦ Beautiful web modals

Evan Bacon 🥓

78,809 Aufrufe • vor 9 Monaten

lookaway mirror just got a liquid glass update + native ipad support!
0:10

lookaway mirror just got a liquid glass update + native ipad support!

kush

19,495 Aufrufe • vor 2 Monaten

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

27,943 Aufrufe • vor 6 Monaten

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

13,150 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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,025 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀
0:15

Zero config react-scan for React Native in Radon IDE available under single switch. Would you use it? 👀

Krzysztof Magiera

28,933 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

Who said React Native is slower than "native"? 🤔❌ Left: Native (by Google) Right: React Native (our client Humand)
0:14

Who said React Native is slower than "native"? 🤔❌ Left: Native (by Google) Right: React Native (our client Humand)

Margelo

97,090 Aufrufe • vor 10 Tagen

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

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

Kacper Kapuściak

72,817 Aufrufe • vor 5 Monaten