Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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🥀

4,463 subscribers

14,336 görüntüleme • 1 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Here are two Liquid Glass effects: one made with React Native and the other with SwiftUI. Can you tell which is which? 👀

Here are two Liquid Glass effects: one made with React Native and the other with SwiftUI. Can you tell which is which? 👀

Oskar

639,951 görüntüleme • 1 yıl önce

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

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

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

✨🇨🇳A Chinese company has developed a new transparent display technology that can be directly applied to glass surfaces. The installation process only takes two simple steps: first align the flexible display film on the glass, then smooth it out with a squeegee. It can turn ordinary glass into a high-definition display, creating stunning 3D visual effects like waterfalls, jellyfish and underwater scenes on building facades, shopping mall windows and exhibition walls, without complex construction or professional teams.

✨🇨🇳A Chinese company has developed a new transparent display technology that can be directly applied to glass surfaces. The installation process only takes two simple steps: first align the flexible display film on the glass, then smooth it out with a squeegee. It can turn ordinary glass into a high-definition display, creating stunning 3D visual effects like waterfalls, jellyfish and underwater scenes on building facades, shopping mall windows and exhibition walls, without complex construction or professional teams.

🇨🇳XuZhenqing徐祯卿

61,128 görüntüleme • 1 ay önce

iOS 26.4 beta 4 adds a “Reduce Bright Effects” toggle to minimize highlighting and flashing when interacting with Liquid Glass elements. You can find it in Settings > Accessibility > Display & Text Size.

iOS 26.4 beta 4 adds a “Reduce Bright Effects” toggle to minimize highlighting and flashing when interacting with Liquid Glass elements. You can find it in Settings > Accessibility > Display & Text Size.

Beta Profiles

259,831 görüntüleme • 6 ay önce

Week 13 of showing what you can do with Expo & WebGPU: Remember the OG iBeer app? I brought it back with real physics and liquid shaders in React Native 🍻 Code below as always 👇

Week 13 of showing what you can do with Expo & WebGPU: Remember the OG iBeer app? I brought it back with real physics and liquid shaders in React Native 🍻 Code below as always 👇

Błażej Kustra

9,464,908 görüntüleme • 20 gün önce

Thanks to an Android app called Liquid Glass, I can finally achieve an almost limitless Liquid Glass lock screen experience on One UI. It supports depth effects, lets you tweak all kinds of glass parameters, and even allows full font customization. You can use virtually any font you download, giving you an incredible level of freedom. The results are genuinely stunning. The biggest downside is that the setup is quite complicated. Adjusting the clock, in particular, takes a lot of steps instead of being something you can edit directly, so the learning curve is fairly steep. I really hope the developer can make the customization process more intuitive in future updates, and add more language options, especially Chinese, so more users can enjoy it.

Thanks to an Android app called Liquid Glass, I can finally achieve an almost limitless Liquid Glass lock screen experience on One UI. It supports depth effects, lets you tweak all kinds of glass parameters, and even allows full font customization. You can use virtually any font you download, giving you an incredible level of freedom. The results are genuinely stunning. The biggest downside is that the setup is quite complicated. Adjusting the clock, in particular, takes a lot of steps instead of being something you can edit directly, so the learning curve is fairly steep. I really hope the developer can make the customization process more intuitive in future updates, and add more language options, especially Chinese, so more users can enjoy it.

Ice Universe

51,021 görüntüleme • 2 ay önce

What I love about Replit ⠕. Low floor to get started. Ultra high ceiling for what you can build. I told Agent to build a native C application that runs on my desktop without a web browser - AND compile it into JavaScript to run in the web browser. Here's a video showing both running

What I love about Replit ⠕. Low floor to get started. Ultra high ceiling for what you can build. I told Agent to build a native C application that runs on my desktop without a web browser - AND compile it into JavaScript to run in the web browser. Here's a video showing both running

jordwalke

43,765 görüntüleme • 7 ay önce

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

HTML enters 3D! Or vice versa? With the new HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?

Gábor Pribék

176,535 görüntüleme • 4 ay önce

This is my go-to calendar template whenever I build a calendar-based app. Built with Expo 🫶 ⛳️ Everything is ready and easy to update. I've condensed over six years of experience as a design engineer into React Native Components 🖇️

This is my go-to calendar template whenever I build a calendar-based app. Built with Expo 🫶 ⛳️ Everything is ready and easy to update. I've condensed over six years of experience as a design engineer into React Native Components 🖇️

Erencan Arica

38,930 görüntüleme • 7 ay önce

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

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:

Nelly;

32,972 görüntüleme • 1 yıl önce

We’re adding native support for the MCP protocol in n8n: you can now get early access to both our MCP Client tool & MCP Trigger nodes! Try it out, break it, build something cool, and let us know what you need. 👉 #n8n #AI #MCP

We’re adding native support for the MCP protocol in n8n: you can now get early access to both our MCP Client tool & MCP Trigger nodes! Try it out, break it, build something cool, and let us know what you need. 👉 #n8n #AI #MCP

n8n.io

18,412 görüntüleme • 1 yıl önce

$A memory like this: I’ve been exploring Liquid Glass for at least one year now, recreating many versions exactly nine all built with totally different techniques. I came to a realization. iOS 26, at least for me, missed part of the purpose. Liquid Glass is often used as decoration, while refraction could become the core of the user experience. Not an embellishment, but interaction itself. By turning a glass panel, refraction reveals something else: another app, another image, another portal. That’s when it clicked. You look through one image, turn slightly, and suddenly you’re somewhere else. Same moment, different feeling. I really hope Apple takes this approach to the next level. Vibecoded with WebGL.$

A memory like this: I’ve been exploring Liquid Glass for at least one year now, recreating many versions exactly nine all built with totally different techniques. I came to a realization. iOS 26, at least for me, missed part of the purpose. Liquid Glass is often used as decoration, while refraction could become the core of the user experience. Not an embellishment, but interaction itself. By turning a glass panel, refraction reveals something else: another app, another image, another portal. That’s when it clicked. You look through one image, turn slightly, and suddenly you’re somewhere else. Same moment, different feeling. I really hope Apple takes this approach to the next level. Vibecoded with WebGL.

Tykra

37,802 görüntüleme • 6 ay önce

The Minos MCP server (beta) is now LIVE! AI agents can plug directly into SN107 and monitor the subnet as it operates, from live rounds and miner performance to validator activity, score histories, and overall network health. This opens Minos to the agentic layer of decentralized AI and makes SN107 easier understand. Minos MCP brings us one step closer to a fully AI-native genomics subnet. Try it out now 👇

The Minos MCP server (beta) is now LIVE! AI agents can plug directly into SN107 and monitor the subnet as it operates, from live rounds and miner performance to validator activity, score histories, and overall network health. This opens Minos to the agentic layer of decentralized AI and makes SN107 easier understand. Minos MCP brings us one step closer to a fully AI-native genomics subnet. Try it out now 👇

Minos

14,367 görüntüleme • 2 ay önce

i'm writing my own gui framework in c++ and rewriting my image editor using it, which is going good so far, i wanted to move from swiftui, qt, tauri, electron, react native, and flutter so i can use metal and directx gpu apis on macos and windows as much as possible,so i think going full metal/directx is the way to go i know i have a very hard and long way to go though as there are many many flaws,bugs in this very very early version and doesnt utilize the gpu as much as i want to but i hope we will get there soon ,i also need to make the ui look somewhat decent instead of whatever mess it is right now

i'm writing my own gui framework in c++ and rewriting my image editor using it, which is going good so far, i wanted to move from swiftui, qt, tauri, electron, react native, and flutter so i can use metal and directx gpu apis on macos and windows as much as possible,so i think going full metal/directx is the way to go i know i have a very hard and long way to go though as there are many many flaws,bugs in this very very early version and doesnt utilize the gpu as much as i want to but i hope we will get there soon ,i also need to make the ui look somewhat decent instead of whatever mess it is right now

Ruben Veidt

85,053 görüntüleme • 1 yıl önce

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

You can now use Figma for FREE with this tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.

Simplifying AI

56,805 görüntüleme • 1 ay önce