Chuyển đến nội dung chính

FlutterInit: scaffold a production Flutter project from the browser

FlutterInit is a web-based scaffolding engine for Flutter: configure your stack at flutterinit.com, download a zip, run it. 260★, last pushed 2026-08-11.

What is FlutterInit?

Starting a serious Flutter project means making a dozen decisions before you write a line of feature code — architecture, state management, routing, backend, theming, logging, localisation — and then wiring all of them together correctly. The usual shortcut is cloning someone’s boilerplate, which means inheriting their dozen decisions and deleting the parts that do not match yours.

FlutterInit turns that into a configuration form. You open the dashboard, name the project, pick from each category, and it generates the project as a downloadable zip:

  • Architecture: Clean Architecture, MVVM, Feature-First
  • State management: Riverpod, Bloc/Cubit, Provider, GetX, Signals
  • Backend: Firebase, Supabase, Appwrite, Hive, SharedPreferences, or none
  • Navigation: go_router, auto_route, or none
  • Networking: Dio with interceptors, or plain http, plus cached_network_image
  • Design: Material 3, dark mode, ScreenUtil, Flutter Animate, Skeletonizer, native splash
  • Extras: easy_localization, logger, dotenv, permissions, pickers, share_plus, geolocator

Under the hood it is a Next.js app driving Handlebars templates, which is why the combinations compose instead of coming from one frozen repo per stack.

Why it matters in 2026

Two things make this more interesting than the average project generator.

The first is that it is web-first. There is nothing to install and nothing to keep up to date — the template engine is always the current one, because it lives on the server. The create-flutterinit npm package exists for people who prefer a terminal, but the browser is the primary interface.

The second is the AI context files. Every generated project ships CLAUDE.md, AGENTS.md and .cursor/rules/flutter-project.mdc, written for the exact stack you chose. This is the part that has aged well: in 2026 the first thing most developers do with a fresh project is point an agent at it, and an agent that already knows you chose Riverpod with Clean Architecture and go_router writes very different code from one guessing.

The generated project also arrives with the folder structure matching the architecture, routing pre-configured, state management boilerplate in place, .env support via flutter_dotenv, a base network layer if you picked Dio, and a Material 3 theme with dark mode.

Getting started

There is nothing to install:

  1. Open flutterinit.com
  2. Configure the stack in the dashboard
  3. Click Generate Project and download the zip
  4. Unzip and run it:
cd your_project_name
flutter pub get
flutter run

The generated project needs Flutter ^3.5.0. Nothing else.

Contributors who want to run the engine locally need Node 20+ or Bun 1.1+, then bun install and bun run dev on http://localhost:3000.

When should you use FlutterInit?

  • you are starting a new project and want the standard wiring done correctly rather than quickly
  • you keep re-creating the same Clean Architecture + Riverpod + go_router skeleton by hand
  • you want to compare two stacks by generating both and reading the diff
  • you plan to hand the codebase to an AI agent and want it to have real context on day one

Where it falls short

A generator is a starting point, not a dependency. Once you download the zip you own everything in it — there is no upgrade path when FlutterInit’s templates improve, and no way to re-run it against a project you have already customised. That is the honest trade for having no runtime coupling.

The repository has some rough edges. GitHub’s licence detection does not classify the repo, even though the README carries an MIT badge linking to a LICENSE file — worth checking yourself before shipping generated code in a commercial product, though the generated output is your own project either way. The README also has visible leftovers from an unresolved merge (a stray add_cli branch marker around the blog links), which tells you something about the review process on a project this young.

Finally, the opinionated part is genuinely opinionated. If your team’s architecture does not resemble Clean, MVVM or Feature-First, you are fighting the template rather than using it.

Alternatives worth comparing

Frequently asked questions

Do I need to install anything to use FlutterInit?

No. It runs at flutterinit.com — you configure the stack in the dashboard and download a zip. The only prerequisite is a Flutter SDK of ^3.5.0 to run the generated project. An npm package, create-flutterinit, exists if you would rather stay in the terminal.

Which state management options does FlutterInit support?

Riverpod, Bloc/Cubit, Provider, GetX and Signals, each paired with an architecture of Clean Architecture, MVVM or Feature-First. Navigation is go_router, auto_route, or none.

What makes it different from cloning a boilerplate repo?

A boilerplate repo is one frozen combination of choices. FlutterInit composes the combination you asked for from Handlebars templates, so you are not deleting the half of the template that used a different state manager.

Is the generated project ready for AI coding agents?

That is one of its selling points. Each project includes CLAUDE.md, AGENTS.md and .cursor/rules/flutter-project.mdc describing the architecture, folder layout and conventions of your specific stack, so an agent has context without you writing a prompt.


Part of FlutterCook — hands-on guides to the best open-source Flutter libraries, UI kits, and apps. Explore the live GitHub trends or browse YouTube guides.


Originally published on FlutterCook. Read the latest version there — that copy is the one kept up to date.

Nhận xét

Bài đăng phổ biến từ blog này

5 concepts every Flutter dev should know

  Phụ lục: State management architecture Testing IDE Shortcuts Platform channel Maintaining a project Tôi đã làm việc với Flagship trong một thời gian dài, và đây là những điều mà tôi phát hiện ra là điều cần phải có đối với bất kỳ nhà phát triển Flagship nào, về tổng thể nó sẽ khiến bạn trở thành một nhà phát triển Flagship giỏi trong thời gian dài. 1. State management architecture Đây là một trong những chủ đề quan trọng nhất trong cộng đồng thiết bị rung, nó khá quan trọng nếu bạn muốn duy trì một dự án rung kích thước trung bình hoặc lớn. Nó sẽ giúp tạo một dự án suôn sẻ và thêm các tính năng mới một cách hoàn hảo.  2. Testing Đây là một chủ đề duy nhất mà tôi không hiểu tại sao nó lại quan trọng trước đó trong sự nghiệp của tôi, nhưng khi tôi tiến lên trong sự nghiệp của mình và có kinh nghiệm với nhiều dự án và vấn đề xảy ra trong môi trường sản xuất. Tôi đã nhận ra một cách khó khăn, tại sao điều này lại quan trọng như vậy. Nếu bạn vẫn muốn có thêm lý do để cân nhắc thử...

Thiết kế giao diện với DotNetBar (Phần 1)

Đây là phiên bản DotNetBar hỗ trợ C# và Visual Basic https://www.dropbox.com/s/wx80jpvgnlrmtux/DotNetBar.rar  , phiên bản này hỗ trợ giao diện Metro cực kỳ “dễ thương” Các bạn load về và cài đặt, khi cài đặt xong sẽ có source code mẫu của tất cả các control. Để sử dụng được các control của DotNetBar các bạn nhớ add item vào controls box. Thiết kế giao diện với DotNetBar, giao diện sẽ rất đẹp. Link các video hướng dẫn chi tiết cách sử dụng và coding: http://www.devcomponents.com/dotnetbar/movies.aspx Hiện tại DotNetBar có rất nhiều công cụ cực mạnh, trong đó có 3 công cụ dưới đây: DotNetBar for Windows Forms Requires with Visual Studio 2003, 2005, 2008, 2010 or 2012.   DotNetBar for WPF Requires with Visual Studio 2010 or 2012 and Windows Presentation Foundation.   DotNetBar for Silverlight Requires with Visual Studio 2010 or 2012 and Silverlight. Dưới đây là một số hình ảnh về các control trong DotnetBar.   Metro User Interface  controls with Metro Tiles, toolba...

Announcing Flutter 2

  Phụ lục: Flutter on the web Flutter 2 on desktops, foldables, and embedded devices The growing Flutter ecosystem Dart: The secret sauce behind Flutter Flutter 2: Available now Hôm nay, chúng tôi sẽ công bố Flutter 2: một bản nâng cấp lớn cho Flutter cho phép các nhà phát triển tạo các ứng dụng đẹp, nhanh chóng và di động cho bất kỳ nền tảng nào. Với Flutter 2, bạn có thể sử dụng cùng một cơ sở mã để gửi các ứng dụng gốc cho năm hệ điều hành: IOS, Android, Windows, macOS và Linux; cũng như trải nghiệm web nhắm mục tiêu các trình duyệt như Chrome, Firefox, Safari hoặc Edge. Flutter thậm chí có thể được nhúng vào ô tô, TV và thiết bị gia dụng thông minh, mang đến trải nghiệm di động và lan tỏa nhất cho thế giới điện toán xung quanh. Mục tiêu của chúng tôi là thay đổi cơ bản cách các nhà phát triển nghĩ về việc xây dựng ứng dụng, bắt đầu không phải với nền tảng bạn đang nhắm mục tiêu mà là với trải nghiệm bạn muốn tạo. Flutter cho phép bạn tạo ra những trải nghiệm tuyệt đẹp trong đó ...