Need advice about which tool to choose?Ask the StackShare community!

Blazor

511
691
+ 1
440
Flutter

16.4K
15.7K
+ 1
1.2K
Add tool

Blazor vs Flutter: What are the differences?

Introduction

Blazor and Flutter are both modern frameworks used for developing web and mobile applications respectively. While Blazor is based on the Microsoft .NET framework and uses C#, Flutter is developed by Google and uses Dart programming language. Despite serving different purposes, there are several key differences between Blazor and Flutter that should be taken into consideration when choosing the appropriate framework.

  1. Architecture: Blazor follows a server-side architecture where the UI components and logic are executed on the server and only the necessary updates are sent to the client. On the other hand, Flutter follows a client-side architecture, where the entire UI rendering and logic execution happen on the client device.

  2. Languages: Blazor uses C# as the primary programming language, which is widely used and has a large developer community. In contrast, Flutter uses Dart, which is a relatively new language but offers a modern syntax and features specifically designed for UI development.

  3. Platform Support: Blazor is primarily designed for web development and can be run on any modern browser. It supports all major platforms, including desktop and mobile. On the other hand, Flutter is primarily focused on mobile application development and provides excellent support for both Android and iOS platforms, while also offering limited support for web and desktop applications.

  4. User Interface: Blazor relies on HTML, CSS, and JavaScript for UI rendering, which provides a high level of customization and flexibility. It allows developers to utilize the full power of web technologies for designing user interfaces. In contrast, Flutter provides a rich set of pre-built UI components called widgets that offer a consistent look and feel across different platforms. It uses its own rendering engine to create highly performant and visually appealing user interfaces.

  5. Development Environment and Tooling: Blazor can be developed using popular IDEs like Visual Studio and Visual Studio Code, which provide excellent tooling and debugging capabilities for .NET development. Flutter, on the other hand, provides its own integrated development environment called Flutter SDK, which includes a set of command-line tools, editor plugins, and a debugging tool that streamline the development process.

  6. Community and Ecosystem: Blazor has a well-established and robust community of .NET developers, with a vast ecosystem of libraries, frameworks, and tools that can be leveraged for developing web applications. Flutter, being a relatively new framework, has a rapidly growing community and ecosystem that is dedicated to bridging the gap and providing solutions for various requirements.

In summary, Blazor and Flutter differ in their architecture, programming languages, platform support, user interface approaches, development environments, and the size and maturity of their respective communities and ecosystems. The choice between Blazor and Flutter should be based on the specific requirements and constraints of the project at hand.

Advice on Blazor and Flutter
Nikhilesh Goyal
Senior Embedded Engineer at GreyOrange · | 5 upvotes · 470.9K views
Needs advice
on
FlutterFlutterReact NativeReact Native
and
UnityUnity

Hi Friends, I am new to #MobileAppDevelopment and I need to make a #CrossPlatformMobileApp. I want guidance regarding which tools should I use to build a mobile app. Main requirements: integrate Unity game engine and provide a platform for social chats.

Past experience - C++ and Python

I have tagged Flutter and React Native but if anything better than both please suggest them.

See more
Replies (3)
Sahil Singh
Product Manager at AutoVRse · | 10 upvotes · 430.5K views
Recommends
on
UnityUnity

Hey, If you are using Unity you are going to have to do the end to end development on Unity, you can directly build for android and iOS on Unity. I dont see how Flutter or React Native fit into this equation. Unity is a standalone engine. As for Social Chats, you could use Firebase or your own API and integrate that in Unity in C#

See more
Recommends
on
UnityUnity

I agree with Sahil. If Unity is a requirement, best way is to use just that to create your app.

If you really want, it should be possible to use Flutter and Unity together. Using Flutter Unity Widget. Although I wouldn't recommend it just yet. It's too early days.

If you do end up using it, I would be very interested in reading about your experiences.

See more
Mathieu Grenier
Recommends
on
UnityUnity

You can start by small steps with Flutter and after Unity. Flutter = best choice to build a small cross-platform mobile app. With or no flutter, use directly Unity. Y'll have complete control but it's harder for new mobile developers. Keep in mind, the requirement is Unity!

See more
Needs advice
on
FlutterFlutter
and
React NativeReact Native

Hi, I'm a web dev and am using Electron for a desktop app. Now I have to develop a mobile app with the following features:

  • Posting/uploading files by users, private messaging between users, download files, moderation of the uploads, push notification of new posts.
  • Mods can ban users and delete files.
  • Share buttons from the library folder of the user phone.
  • When a user uploads a photo, a pencil tool for deleting staff on the pic.

Which tool is better for such a project?

Thanks in advance

See more
Replies (2)
Lee Dydo
Technology Development Manager at Outform · | 5 upvotes · 380.6K views
Recommends
on
React NativeReact Native

Given your experience in electron I think the shortest hop is going to be React Native. Especially since half of the requirements are server-side. Google is doing a pretty great job bringing up Flutter and the tooling is pretty great. For me however, dart seemed like quicksand and not everything is in its final home. React Native is mature, and considering my cursory analysis of your experience and the low complexity of this project, you've got quite a lot of room to grow into Javascript Land. Ultimately, my recommendation is always "play with both, see what you like, and get to know the documentation and the community." Keep your head on a swivel and set aside time to peek greener pastures, but spend most of your time delving deeply into what you're already doing.

But yeah, go with React Native first, get bored of it, learn what the shortcomings are through experience and then see if something else is really more attractive or just a new shiny.

See more
Varun Sharma
CTO at Nugen Computer & I.T. Services · | 5 upvotes · 380.6K views
Recommends
on
React NativeReact Native

Well, I will personally recommend to go for React Native as I have worked in both of them. React native has big community and it is easy to opt as compared to Flutter. There no doubt about the fact that Flutter is a great framework for developing both Android/IOS apps. However, you should have some experience to go for the same. Both will require prior knowledge as for React Native you have to go through Javascript first with which you are already familiar and for Flutter you need to go through Dart. So being familiar with Javascript you should go for React Native. You can go expo which has lot of inbuilt functionalities for the React Native developers.

See more
Needs advice
on
FlutterFlutterIonicIonic
and
React NativeReact Native

Hi, we are an early startup (with an iPOC prototype) but need to get started on our MVP, and our tech developers in India recommended a hybrid, and they use Ionic, then we spoke with a software company in the US and he recommended Flutter or React Native. Any advice or input for us on the differences between these? Our app will need Bluetooth GPS for "near me" and social media sharing reviews capability, and also link on the backend with businesses. Thanks in advance for any help you can give!

See more
Replies (6)
Dario Alves
Arquiteto de Software at Senior sistemas · | 2 upvotes · 492.4K views
Recommends
on
React NativeReact Native

Maturity, Community, Facility, Libs React Native is the principal platform of mobile cross-platform development today, Flutter is it's a promise.

See more
Ahmad Khan
Recommends
on
FlutterFlutter

I would never recommend you to go with Ionic, Because of the User experience it provides is subpar. Flutter is most promising, Can be easily used to develop great user experience in no time. React native is also good, but it's phasing out in my opinion, while Ionic has already phased out. Flutter also provides great developer experience, resulting in fast and productive developers. I would have to press hard to think of a CON about flutter when recommending it for your needs.

See more
Recommends
on
IonicIonic
at

I don‘t have practical experience with flutter but between ionic and react native I‘d say both a perfectly viable options and we have used both for a number of production apps. We normally go with ionic on capacitor because we build a lot of pwa/web apps so we can use the same code for all. We don‘t use much of ionic elements, we do most styles on our own.

The comments that the user experience is bad I cannot agree with. A well designed and developed ionic apo can hardly be distinguished from a native app. But obviously that depends also on the usecase and type of app.

I hope this helps

See more
Recommends
on
FlutterFlutter

Flutter is built on DART which is written in GO. GO compiles to binary. Hence is faster than any java based framework. It provides superior performance and has a simplified UI process for designing apps.

See more
Kevin Lücke
Recommends
on
FlutterFlutter

It depends also on your team skills. Flutter is fast to learn, fast to develop with and the performance is much better in comparison to React. If your team is already highly skilled in React Native it could be the better option - if not Flutter is my 100% recommendation. We rapidly prototype and deliver MVPs with Flutter since two years.

See more
Nicolas Kovacs
Recommends
on
FlutterFlutter

Even if React Native is older (I didn't say mature) you should go for Flutter, It's works really well and the developer experience is great (auto-completion, plugin etc). I spent years with React Native and now I am using Flutter and I don't regret It. Even if you have to learn a new language, It's pretty simple even more If you know some OOP, Java and Javascript ES6 syntax in some case. One other advantage is the facility to design app in Flutter, you have widgets for everything and you can adapt any design made by your designer. For example you can't make a simple custom box shadow with React-Native ...

See more
Alexis Poveda
Needs advice
on
ElectronElectronFlutterFlutter
and
IonicIonic

Hi! I have to develop a software solution for a youth church group, for my graduation project. In the first meeting that I have with the coordinators, they did not have a clear idea of what they want. The biggest problem they have is the attendance control, they do it manually and that causes errors.

I was thinking of developing an Android app in Android Studio because that is the tool I master, but a friend told me that I consider using a tool that builds for iOS, Android and web. I have like 6 months. I own a MacBookAir but I do not know Swift (for iOS). I am familiar with MySQL, PHP, Apache, JSP,HTML,CSS.

Summary: What tool can I use that is easy to learn and easy to scale?

See more
Replies (5)
Recommends
on
IonicIonic

It's probably not relevant anymore, but I think Ionic with Angular as the frontend is the right choice. For IDE I would choose Visual Studio Code. You can just create a basic web application with responsive design, which is already included if you are going to use Ionic components with Material Design to create your app. You don't need to know Swift, you don't even have to create mobile apps, just create a responsive (Ionic already is) web app, or PWA. Upon browsing your website from a mobile device for example using google chrome, you will be prompted to create a shortcut of the website in your mobile phone. After you do this, there will be an icon in your phone that looks like an icon to launch an app, it will launch your website in full screen mode - for the user's perspective it will look like he is using a native app. Access https://ionicframework.com/docs/angular/pwa from your android chrome browser, go to tab options (3 vertical dots), click on Add to Home screen. When you launch the website from the shortcut, you'll see that it behaves and looks like a native app.

See more
Recommends
on
IonicIonic

I think you should chose between Flutter and Ionic. With those two options, the main question is about graphs and performance. Are they really important for your application? If the answer is yes, your tool is Flutter but, if the answer is that you need an easy tool to create an app with some basic components I would choose Ionic. You have a library with lots of components that you can use and they have native UI by default (for Android and iOS).

You will find more support if you use Ionic with Angular as frontend framework (you have the option to use Vue or React but this is a new feature for Ionic and I think there are more difficult to learn than Angular).

You can develop and debug the majority of features on PC (I don't know if that is possible with Flutter). And when you will finish the app, create iOS and Android versions is simple.

See more
Recommends
on
FlutterFlutter

Flutter is easy to use and easy to understand. Once you have completed the android platform, you can easily build it to ios, Web or desktop on a single code base.

See more
Carlos Esteban Lopez Jaramillo
Recommends
on
IonicIonic
  1. Electron is for desktop apps, so not useful for you.
  2. Flutter has better performance, but Ionic is decent as well, I would use Ionic unless you're making a game or graphic-intensive app.
  3. Ionic is more flexible since you have the whole NPM ecosystem available, while flutter is more recent, thus libraries for it are less in quantity and battle-tested than the ones in NPM.
  4. Ionic 4 introduced CSS variables, which improved immensely the theming process for the app, which was the hardest issue Ionic development had.
  5. Ionic has extended to many frameworks so it's compatible with Angular and React frameworks, meaning more flexibility, personally I would recommend Ionic with Angular over React since it's more suited to enterprise-level apps.
See more
Alejandro Ulate Fallas
Mobile Developer at Build SRL · | 2 upvotes · 300.6K views
Recommends
on
IonicIonic

Hi there. So Electron embeds everything in a webview, which means that what you would have to develop would be a Node project most probably. Ionic does the same (kindof but won't bore you with specifics) but it does it much more efficiently. Usually you do Ionic apps with JS frameworks like Angular or React (this one recently added). Flutter on the other hand does native apps, it does it really good but it's support for Web is in beta and it's relatively simple to setup if you already know the SDK and the environment.

My recommendation would be that you do your app using Angular/Ionic if you reaaally need the multi-platform environment and there's different reasons in this case:

  • Since it's a graduation project you need it to be as simple as it can be and adding a new technology adds to the learning curve.
  • Flutter is great if you have different complex UI or if you have specific performance needs that require native support and in your case it does not seem like you need that.
  • Flutter is also an incredibly powerful tool but it's learning curve might be tricky if you have not developed native apps before so I wouldn't recommend you start off like this if you have time sensitive projects like a graduation project. It does have great docs and an awesome community but I'd suggest you stick as close to what you know as you can.
  • Ionic/Angular uses Typescript (a type javascript wrapper) and Angular (JS framework) so you will have to learn a little bit but if you already know HTML, CSS and Javascript you won't have that much of a hard time. Also there's quite a lot in terms of documentation and tooling already tested around this combination.
  • Ionic/Angular has a really good CLI that helps you stick to the architecture they recommend so you wouldn't have to worry about it that much.
  • Ionic/Angular helps you test either locally in the web browser as well as your devices which is in the end what you want if you are looking for a multi-platform system. Flutter also does this but is not quite in a stable state (yet!).

Anyway, in the end, if you go for the multi-platform suggestion I think, because of time you would be better off with Ionic. If you decide that you don't need that as of right now (which is fine as well) you can start with just the Android app and plan on the different things you might eventually need like a website or other different stuff. Cheers!

See more
Decisions about Blazor and Flutter
Thuan Nguyen
FE Lead at SOLID ENGINEER · | 5 upvotes · 617.3K views
  • Javascripts is the most populated language in the world.
  • Easy to learn & deployed production
  • Fast development
  • Strong community
  • Completed Documents
  • Native performance with lower RAM used.
  • Easy to handle native issues by using native code like Java / Objective C
  • Powered by Facebook.
See more
awesomebanana2018
Chose
FlutterFlutter
over
IonicIonic

While with Ionic it is possible to make mobile applications with only web technologies, Flutter is more performant and is easy to use if you are willing to learn Dart, which is a fun language. Plus, it has awesome documentation and, while its ecosystem isn't near as big as JavaScript's is, it has a good package manager called Pub and its packages are generally high quality.

See more
Nick Skriabin

We built the first version of our app with RN and it turned out a mess in a while. A lot of bugs along with poor performance out of the box for a fairly large app. Many things, that native platform has, cannot be done with existing solutions for RN. For instance, large titles on iOS are not fully implemented in any of existing navigations libraries. Also there's painfully slow JSON bridge and many other small, yet annoying things. On the other hand Flutter became a really powerful and easy-to-use tool. A bit of a learning curve, of course, because of Dart, but it worth learning. Flutter offers TONS of built-in features, no JSON-bridge, AOT compilation for iOS.

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Blazor
Pros of Flutter
  • 62
    Uses C#
  • 48
    No need to learn separate language or technology
  • 41
    Supports making a single page application
  • 39
    Tight integration with .NET project
  • 37
    Uses .NET standard library
  • 30
    Very little JavaScript required
  • 29
    Components
  • 27
    Shared classes between client and server
  • 27
    No need to compile, bundle and deploy separately
  • 24
    Cross Platform
  • 21
    Has Server AND Client hosting models
  • 18
    Very easy JavaScript interop if required
  • 17
    Third party state management i.e. Blazor-State
  • 14
    App state can be managed singleton objects
  • 4
    Portable Code across Mobile, Web and Desktop
  • 2
    Work with Electron/MAUI
  • 141
    Hot Reload
  • 119
    Cross platform
  • 103
    Performance
  • 89
    Backed by Google
  • 72
    Compiled into Native Code
  • 59
    Fast Development
  • 58
    Open Source
  • 53
    Fast Prototyping
  • 49
    Single Codebase
  • 48
    Expressive and Flexible UI
  • 36
    Reactive Programming
  • 34
    Material Design
  • 30
    Dart
  • 29
    Widget-based
  • 26
    Target to Fuchsia
  • 20
    IOS + Android
  • 17
    Easy to learn
  • 16
    Great CLI Support
  • 14
    You can use it as mobile, web, Server development
  • 14
    Tooling
  • 13
    Debugging quickly
  • 13
    Have built-in Material theme
  • 12
    Target to Android
  • 12
    Community
  • 12
    Good docs & sample code
  • 11
    Support by multiple IDE: Android Studio, VS Code, XCode
  • 10
    Written by Dart, which is easy to read code
  • 10
    Easy Testing Support
  • 9
    Real platform free framework of the future
  • 9
    Have built-in Cupertino theme
  • 9
    Target to iOS
  • 8
    Easy to Unit Test
  • 8
    Easy to Widget Test
  • 1
    Large Community

Sign up to add or upvote prosMake informed product decisions

Cons of Blazor
Cons of Flutter
  • 4
    Initial load time
  • 2
    Hard to inject javascript
  • 29
    Need to learn Dart
  • 10
    Lack of community support
  • 10
    No 3D Graphics Engine Support
  • 8
    Graphics programming
  • 6
    Lack of friendly documentation
  • 2
    Lack of promotion
  • 1
    Https://iphtechnologies.com/difference-between-flutter

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Blazor?

Blazor is a .NET web framework that runs in any browser. You author Blazor apps using C#/Razor and HTML.

What is Flutter?

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Blazor?
What companies use Flutter?
See which teams inside your own company are using Blazor or Flutter.
Sign up for StackShare EnterpriseLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Blazor?
What tools integrate with Flutter?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Blazor and Flutter?
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
JavaScript
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Vaadin
It is the fastest way to build web applications in Java. It automates the communication between your server and the browser and gives you a high-level component API for all Vaadin components
Xamarin
Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
See all alternatives