9 ms·
Launch HN: FlutterFlow (YC W21) – Build Apps Visually
Hey HN! It’s Abel and Alex here to share what we’ve been working on for just over a year: FlutterFlow (https://flutterflow.io https://flutterflow.io). It’s like WebFlow, but for Flutter.
Flutter is an open source framework for building cross platform applications. FlutterFlow combines a UI builder with pre-built templates and Firebase/API integrations, generates clean Flutter code, and allows you to deploy to app stores directly from your browser. This enables extremely fast iteration, from product idea concepts and designs to working Flutter apps. As an example of what’s possible, we built an internal app for playing trivia games by using the jservice.io API and Firebase all in under 2 hours:
Time lapse of building the app: https://youtu.be/Fm4jjpuKM1E https://youtu.be/Fm4jjpuKM1E
Link to live version of the app: https://app.flutterflow.io/run/ByqwG33rw80qyN39ooNq https://app.flutterflow.io/run/ByqwG33rw80qyN39ooNq
Exported source code: https://github.com/FlutterFlow/ff-trivia/tree/flutterflow https://github.com/FlutterFlow/ff-trivia/tree/flutterflow
Alex and I, along with a friend of ours from Google, quit our jobs in 2019 to work on a cross-platform mobile app that ultimately failed. It was a learning opportunity, and it also led us to feel the pain of the slow iteration process every time we wanted to roll out a new experience. We were able to experiment with various landing pages within hours, but building new screens and app experiences took weeks or even months. For over a year now, we’ve been tirelessly working on fixing this problem.
I first fell in love with coding by pure luck as a kid in Ethiopia. My father, who at the time owned an internet cafe, decided to start taking night classes in CS in the late 90s. Ultimately he didn’t use his degree professionally, but I ended up with learning materials and a compiler, Turbo C++ 3.0. As I grew older, eventually ending up as an engineer at Google, I started to appreciate that as engineers we were often tasked with solving problems even when the solution didn’t necessarily involve writing code. Alex comes from a physics background, doing his undergrad at Stanford, and transitioned to study CS and AI there as well. In 2016 he joined the team I was on, a small ML group within Google Maps. He’ll often admit he had underestimated the amount of skill involved in building beautiful, fast and functional apps. And he certainly didn’t expect to love building with Flutter as much as he does, having been entrenched in ML for most of his career. Yet here we are.
There has recently been a healthy amount of skepticism towards no-code tools, mainly due to concerns of extensibility and scalability. This is definitely the case for some apps - a good example is a tool such as FlutterFlow itself. It would be very difficult to build all of FlutterFlow recursively. We do use it internally for many of our pages, but using a visual builder to implement our code generator seems far fetched. This doesn’t imply however that there isn’t a middle ground that enables fast iteration in a visual builder, coupled with the ability to write code that seamlessly integrates with the overall experience. We’re not quite there yet, but we believe this is the right direction.
Finally, we believe Flutter is going to be the catalyst that drives this movement. It’s composability, the fact that it’s super cross-platform (Android/iOS/Web/Desktop/Embedded), and the vibrant and passionate community it fosters give it a unique advantage. Whether we do it or someone else, the application builder of the future will be built on Flutter. Huge thanks to our users, the Flutter team and the Flutter community.
We’d love for you to give it a try and share your thoughts. What do you think the future of application development is going to be?
p.s. we were on HN when we announced our launch back in May: https://news.ycombinator.com/item?id=27238381 https://news.ycombinator.com/item?id=27238381
We’ve made a lot of progress since then, enabling app store deployment, payments, ability to add custom code and much more: https://community.flutterflow.io/c/whats-new-in-flutterflow https://community.flutterflow.io/c/whats-new-in-flutterflow
- T3RMINATED 5y agoWhere can I find the source code for flutterflow?
- matchbok 5y agoFlutter. Remember, it exists so Google can ram more ads and tracking down our throats (and eventually replace HTML and an open web). Don't use it.
- pitchups 5y agoLooks great. But is it restricted to building mobile apps only or can it also help you build web apps in Flutter?
- ZeroCool2u 5y agoI was a beta tester for Flutter Flow. While I didn't end up publishing an app, (Product-market fit wasn't where we wanted and we pivoted hard where an app wasn't needed), myself and coworkers went through a few iterations using it and really enjoyed my experience. The code export feature and overall business model make this a really great and fair tool for small development teams. Congrats on the launch and best of luck folks!
- abelsm 5y agoGreat to hear from an early access user, thanks so much and very glad you enjoyed the experience! Wish you the best of luck as well
- xrd 5y agoThis looks super exciting. As an Android developer who has not yet built a Flutter app, I'm intrigued if this can be a stepping stone to ramping up on flutter. I looked over the video. It is nice to see a compressed video, but it was still hard to understand what to pay attention to inside a 20 minute video. It would be great if you added callouts to the important moments so people could easily jump to the important items. Is Firebase a requirement? I tried to create a sample app and was immediately told I needed to setup Firebase. I didn't see a way to skip that step, but perhaps it is because I used a sample template? I would prefer to use GraphQL as a backend, and am not sure if the full Firebase stack (auth, storage, realtime) are used, or if you can swap pieces in and out when desired. Congratulations on your launch!