Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 8 месяцев назад

🤯 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 просмотров • 10 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 8 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 8 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 10 месяцев назад

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 просмотров • 10 дней назад

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 просмотров • 2 месяцев назад