openwebf's profile picture. The way to build fast, native flutter apps with JavaScript and CSS

OpenWebF

@openwebf

The way to build fast, native flutter apps with JavaScript and CSS

OpenWebF reposted

Finally, most modern web frameworks now work in WebF and Flutter—including React, Vue, Solid, and Svelte. npm create vite@latest Run Vite’s dev server inside WebF.

andy_webf's tweet image. Finally, most modern web frameworks now work in WebF and Flutter—including React, Vue, Solid, and Svelte.

npm create vite@latest
Run Vite’s dev server inside WebF.
andy_webf's tweet image. Finally, most modern web frameworks now work in WebF and Flutter—including React, Vue, Solid, and Svelte.

npm create vite@latest
Run Vite’s dev server inside WebF.
andy_webf's tweet image. Finally, most modern web frameworks now work in WebF and Flutter—including React, Vue, Solid, and Svelte.

npm create vite@latest
Run Vite’s dev server inside WebF.
andy_webf's tweet image. Finally, most modern web frameworks now work in WebF and Flutter—including React, Vue, Solid, and Svelte.

npm create vite@latest
Run Vite’s dev server inside WebF.

OpenWebF reposted

WebF lets you style and update Flutter-backed web components with CSS, including via CSS variables. In the previous post, we covered how JavaScript developers can size components using CSS. For use cases like global theming, updating global CSS variables is more efficient…

andy_webf's tweet image. WebF lets you style and update Flutter-backed web components with CSS, including via CSS variables. 

In the previous post, we covered how JavaScript developers can size components using CSS. 

For use cases like global theming, updating global CSS variables is more efficient…

OpenWebF reposted

To register a Web Component in WebF with Dart, create a class that extends the YourComponentBindings generated by the WebF CLI. Like a StatefulWidget, override createState() and implement build() to define the widget tree. Implement the generated property and method stubs to…

andy_webf's tweet image. To register a Web Component in WebF with Dart, create a class that extends the YourComponentBindings generated by the WebF CLI.

Like a StatefulWidget, override createState() and implement build() to define the widget tree. 

Implement the generated property and method stubs to…
andy_webf's tweet image. To register a Web Component in WebF with Dart, create a class that extends the YourComponentBindings generated by the WebF CLI.

Like a StatefulWidget, override createState() and implement build() to define the widget tree. 

Implement the generated property and method stubs to…

OpenWebF reposted

WebF CLI includes a code generator that outputs both Dart bindings and a ready-to-publish npm package. It’s built for Flutter developers: each run produces a complete npm package from your typings, and it automatically uses your Flutter package version. You don’t need to touch…


The interface typings file is a subset of TypeScript’s type syntax. Follow the pattern below to declare your interfaces: // Properties for your web component <YourComponentName>Properties { // ... } // Methods on your web component’s DOM instance <YourComponentName>Methods {…

openwebf's tweet image. The interface typings file is a subset of TypeScript’s type syntax. Follow the pattern below to declare your interfaces:

// Properties for your web component
&amp;lt;YourComponentName&amp;gt;Properties {
  // ...
}

// Methods on your web component’s DOM instance
&amp;lt;YourComponentName&amp;gt;Methods {…

It’s easy to wrap your Flutter widget library as Web Components for JavaScript developers. We’ve done a lot of work to make this process simple: 1. No JavaScript/TypeScript code involved 2. No glue/binding code to implement 3. Work entirely in Dart There are just three steps:…


#WebF brings web development to #Flutter. Unlike React Native, we don’t require developers to use special elements like <view> or <text> for basic UI markup. Instead, you can simply use HTML, CSS, and DOM APIs — the same foundations that most developers (and even AI tools) are…


There has been about one year since the last release on the open-source branch, leading some to believe the WebF project might have been discontinued. On the contrary, 2025 is shaping up to be the most productive year yet for WebF. Since we began rebuilding the entire engine…

openwebf's tweet image. There has been about one year since the last release on the open-source branch, leading some to believe the WebF project might have been discontinued.

On the contrary, 2025 is shaping up to be the most productive year yet for WebF.

Since we began rebuilding the entire engine…

United States Trends

Loading...

Something went wrong.


Something went wrong.