appainter VS Flutter

It’s no longer maintained, but check out https://appainter.dev/

And Appainter is a tool which allows you to edit and preview your theme, export and import it as a JSON file - https://appainter.dev/

Appainter is a material theme editor and generator for Flutter to configure and preview the overall visual theme of your material app. Some of you might remember me sharing the proof of concept app called Flutter Theme. This is the same project that I've been working on and it's now called Appainter. Appainter comes with two editing modes - basic and advanced, with a side-by-side preview app for you to see the effects in real time. The basic mode is simply setting some key colors which will be applied to all the widgets in your app. I’ve recently updated it to support the new color system in Material Design 3. But I don’t think Flutter fully utilises the new design yet so some of the colors might not have any effects. On the other hand, the advanced mode allows you to customise each material widget individually, e.g. app bar, bottom navigation bar, elevated button etc. You can also customise the typography used in your app. The advanced mode supports editing the theme for most material widgets and most of their theme options. I’m still in the progress of adding full support for all the widgets and theme options. Appainter is available on both web and desktop (but I’m not sure if it works on Windows and Linux as I’m on a Mac). You can export the generated theme in json format and you can import it back into the app if you want to change things again. I’ve also included instructions in the repo for using the generated theme in your app. Feel free to comment below for any feedback. Or raise an issue on the repo for feature request or bug report. Web app: https://appainter.dev/ Repo: https://github.com/zeshuaro/appainter

[3]: https://github.com/flutter/flutter/tree/master/packages/flut...

Thanks - that link does not appear to be open access, anyways I don't think I've seen it. I'm familiar with Flutter at a high-level (Kevin Moore gave a great talk on it at Wasm I/O), and I think other than requiring users to work in Dart, it is probably one of the most powerful ways to do cross-platform UI today.

Worth noting that their original GPU backend was Skia, and now they are retooling around Flutter GPU (Impeller)[0], which is kind of designed similarly as an abstract rendering interface over platform-specific GPU APIs.

[0]https://github.com/flutter/flutter/wiki/Flutter-GPU

If you are considering Electron/React then I would suggest adding Flutter to your list of technologies to consider. It uses Dart (a language similar to C#) and has a lot going for it… relatively quick to get up to speed with, fantastic developer experience (e.g., hot reload, great IDE support, good development tools) and very strong cross-platform support: it generates native iOS, Android, MacOS, Windows and Linux executables. Check it out: https://flutter.dev/

You can find the React Native documentation here and Flutter Documentation here.

[1]https://github.com/flutter/flutter/issues/55092#issuecomment...

> There is actually a great issue thread on the Flutter GitHub that explains exactly why other solutions do not work correctly when compared to hooks [0]

Interesting. I assume you are referring to this comment in particular -> https://github.com/flutter/flutter/issues/51752#issuecomment... ?