Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Flutter ArcNew to Visual Studio Code? Get it now.
Flutter Arc

Flutter Arc

Prashant Kushwaha

|
3 installs
| (0) | Free
Generate Flutter projects with a custom architecture, reusable core and data layers, and predefined feature structure.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Arc

Flutter Arc is a powerful Visual Studio Code extension designed to accelerate Flutter development by instantly scaffolding a highly robust, production-ready project architecture. Instead of starting from scratch with the default Flutter counter app, Flutter Arc generates a comprehensive project structure complete with pre-configured layers, reusable components, routing, themes, and essential dependencies.

Features

  • One-Click Project Generation: Use the command palette to generate a new Flutter project with a fully functional custom architecture in seconds.
  • Clean Architecture Foundation: Automatically scaffolds cleanly separated core and data directories, promoting scalability and maintainability from day one.
  • Pre-Configured Dependencies: Automatically adds and configures essential packages like flutter_bloc, firebase_core, go_router, google_fonts, flutter_svg, and many more.
  • Dynamic Namespace Resolution: The extension automatically reads your provided project name and rewrites all internal template imports to match your specific app namespace.
  • Ready-to-Use UI Components: Includes a rich set of custom UI components such as generic buttons, custom text fields, date pickers, empty states, and shimmer loading effects out-of-the-box.
  • Seamless IDE Integration: After generating and configuring your project, Flutter Arc automatically opens the new project folder in your current VS Code workspace so you can start coding immediately.

Getting Started

  1. Open the VS Code Command Palette (Cmd+Shift+P on macOS, Ctrl+Shift+P on Windows/Linux).
  2. Type and select Flutter Arc: Create Project.
  3. Enter your desired project name (e.g., my_awesome_app).
  4. Select the parent folder where the project should be created.
  5. Sit back while Flutter Arc runs flutter create, injects the custom architecture, installs dependencies, and automatically opens your new workspace!

Architecture Overview

The generated project is organized to separate concerns and maximize reusability:

  • lib/core/: Contains foundational elements like API constants, custom UI components, generic widgets, routing configuration (app_routes.dart), theme management, and base layouts.
  • lib/data/: Handles external communications and storage, including network services, local storage (SharedPreferences/Hive), and API response handlers.
  • lib/features/: (Created by you) The intended location for your domain-specific business logic, BLoCs, and UI screens.

Requirements

  • Flutter SDK: Ensure you have Flutter installed and added to your system's PATH. The extension utilizes the Flutter CLI internally to create projects and manage dependencies.
  • Visual Studio Code: Version 1.107.0 or higher.

Known Issues

  • The extension executes standard flutter pub add commands. Depending on your network speed, the initial project generation might take a few moments to resolve all dependencies.

Release Notes

0.0.1

  • Initial beta release.
  • Added base command Flutter Arc: Create Project.
  • Implemented robust core and data layer injection.
  • Added automatic dependency resolution and namespace rewriting.

Enjoy building with Flutter Arc!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft