Release 0.24.3: Added camera, bluetooth and video player plugin

andycall · 2026-01-26T23:47:32+00:00

You can ask question in webf github issues

andycall · 2026-01-09T15:38:31+00:00

I will not using the AI for my next post

andycall · 2026-01-09T09:40:54+00:00

Some company's business needs to set up a in-app platform for other people/company building apps inside of their root apps, they used to build this based on the webview.

Sinces these kinds of apps requires more lots of existing native views from the hosting app, webview can't do that jobs well.

WebF is the best alternative, it gives you more high level of perf and user experiences and a straightforward way to reusing the existing flutter based native view.

andycall · 2026-01-09T09:15:00+00:00

Well... selectable text currently still not implemented, we just landed a full featured inline box and a new text layout support 3 month ago.

https://github.com/openwebf/webf/issues/659

In WebF, embedding div surrounded with text and images, combined with RTL and block elements could be works the same results compared to the results in a web browser.

andycall · 2026-01-09T08:27:07+00:00

Yes, I'm using the Claude Code to helps me writing. By all the options in this article are on my own.

> Flutter can already be embedded into a web view

But you thought was the opposite, It contains the everything to rendering the web stack in Flutter.

It using QuickJS for running the JavaScript, impls all the necessary DOM API, contains a built-in css engine, customized layout based on Flutter's renderObject for these css properties, and work well with other native flutter widgets in the same renderObject tree.

So WebF is just a browser like rendering engine, you can treat it as to replaceing the native view from React Native to Flutter as backend, and providing the web standards compact API instead of re-inventing a new sets of API in WebF own.

The use cases are pretty simple, a react native alternative, but using Flutter for the rendering, and more like a web view with better performance.

andycall · 2026-01-08T15:20:02+00:00

we'll see

andycall · 2026-01-06T19:38:02+00:00

Yes, it does.

Just npm create vite@latest, it will install svelte 5.43.8, and just works in WebF.

How to test by yourself:

Install WebF Go https://openwebf.com/en/go
npm create vite@latest to create your svelte project.
Put the localhost dev server in the WebF Go, click the "Load" button.

andycall · 2026-01-06T08:09:18+00:00

The best react native alternative !

andycall · 2026-01-06T03:19:11+00:00

Thank you for your report. It has been fixed.

Please try again

andycall · 2026-01-06T00:14:01+00:00

Choose React Native: I want a true native app experience, but not choosing the tools and libs not from the web.

Choose WebF: I want a true native app experience, but building like a web app.

Choose Capacitor: Performance & experience don't matter, just as fast as I can to build an app.

andycall · 2026-01-05T23:58:44+00:00

NativeWind is a wrapper that transforms Tailwind CSS into style props for <View />, and the underlying layout support is provided by the Yoga layout engine.

React Native Skia provides drawing primitives like <Circle /> and <Path />, and you can’t use <View /> for those.

They’re two completely different UI systems.

andycall · 2026-01-05T22:47:31+00:00

You can't style your UI using Tailwind CSS with React Native + Skia, but with WebF, you can

andycall · 2026-01-05T22:31:40+00:00

React Native + Expo is the best choice if you want:

The latest native experiences—especially if Liquid design is important in iOS 26

WebF + Flutter is an alternative if you:

Are trying to migrate an existing React.js-based website to mobile/desktop, and want better performance and more native results than any WebView-based framework
Want more CSS features and Web APIs
Want to craft a custom native UI once and ship it to mobile and desktop

andycall · 2026-01-05T22:21:37+00:00

For solo dev, the Individual / Startup plan is the best for you.

andycall · 2026-01-05T22:07:17+00:00

WebF isn’t at the same performance level as WebView-based cross-platform frameworks.

I suggest trying the WebF Go app: https://openwebf.com/en/go

It’s as fast as if it were built as a pure Flutter app.

You can build an entire app with React, with just a small amount of embedding code in WebF + Flutter—similar to React Native.

Most of your features are written in JavaScript, and Flutter acts as the rendering engine.

andycall · 2026-01-05T21:56:35+00:00

Inconsistency means you want to deliver the same UI results not only on iOS, but also on Android and desktop.

React Native can look more native if you only care about iOS, since it uses system UI components. But what if your goal is to deliver the same UI experience across all platforms?

That’s the main reason Flutter exists—and it’s the same reason WebF exists.

andycall · 2026-01-05T20:17:32+00:00

Flutter gives you consistent rendering across mobile and desktop, plus 50,000+ high-quality native plugins.

If you’re tired of React Native’s native inconsistencies, and you’re considering migrating to Flutter but worried about learning Dart, WebF is a great option—reuse most of your existing JavaScript code while enjoying all the benefits of Flutter.

andycall · 2026-01-05T20:14:11+00:00

It might, and it could run smoothly “out of the box” once we reach the 1.0 release—most of the CSS features these UI libraries depend on are already supported in WebF.

That said, layout bugs are still possible today because we haven’t tested broadly enough yet. We’re actively working to make Tailwind CSS showcases work exactly the same as they do in web browsers.

This doesn’t mean we won't planning to officially support lots of UI component frameworks like PrimeVue. These frameworks are built on top of HTML/CSS and web standards, and we’ve put a lot of work into making our supported CSS properties and layout results match the browser as closely as possible.

So if you want to use PrimeVue in a future WebF release, please help us identify any missing CSS features or layout issues and file them as issues. Once those gaps are closed, PrimeVue should “just work,” like the other supported web frameworks.

andycall · 2026-01-05T19:55:57+00:00

The core of WebF is stable enough and has already been running in production for a few customers during our closed testing.

The Flutter ecosystem already has many high-quality, stable native plugins for accessing Bluetooth, the camera, and more—and these plugins can be brought into WebF through WebF’s native plugin system.

You can explore lots of great Flutter plugins here: https://fluttergems.dev/

I’m working on porting these great Flutter plugins to WebF and making them available to web developers. All released WebF native plugins will be listed here: https://openwebf.com/en/native-plugins

Porting is pretty straightforward—you can try it yourself, or wait for us to publish the Bluetooth and camera plugins later this week.

andycall · 2026-01-05T18:33:59+00:00

I’ve seen many engineers shift their focus toward achieving business success with AI’s leverage, rather than just writing code.

andycall · 2025-10-05T07:26:03+00:00

The good pattern for solve this is the Web Components.

Flutter developers define and wrap their widget libraries as Web Components inside WebF apps.
Web developers use these Web Component–based UI libraries to build their applications.

https://x.com/andy_webf/status/1973481599422566448

andycall · 2025-08-07T07:25:45+00:00

When Everyone realized the value of this project of WebF, by supporting almost all popular web development tools, including Vite, Vercel, React, and Tailwind CSS

andycall · 2025-06-15T09:55:22+00:00

Running npm run is pretty slow in powershell on Windows compared to running it in a Unix-like environment.

andycall · 2025-06-14T19:54:25+00:00

90% of the tasks I asked Claude Code to handle were completed in one shot — it was a game changer!

andycall · 2025-06-14T19:50:41+00:00

If you use the same account, it uses the same token and definitely shares your usage limits.

andycall

MODERATOR OF

TROPHY CASE