Links

Navigation Menu

The left-most menu on your FlutterFlow project page is called the Navigation Menu. It gives you access to the project's user interface builder, widget tree, and storyboard and helps you to navigate to pages for adding project features, including the Firestore database, setting up API calls, uploading image assets, and adding integrations, and more.
Navigation menu

1. Dashboard

From here, you can navigate to the dashboard where you can manage your projects (create new projects, remove existing projects, duplicate and leave a project). You can also access your account information and links to the various FlutterFlow resources.

2. UI Builder

The UI Builder gives you access to all the widgets that can be added to the application.

3. Widget Tree

The Widget Tree panel gives you a high-level overview of all the widgets that you have added to a selected page.

4. Page Selector

From here, you can manage all the pages and components of your app.
You can also create a folder structure tailored to your project's specific needs; for example, organizing pages by feature. Simply right-click on the folder, and you'll see an option to add a new folder, page, or component.
For the older projects, you need to navigate to Settings and Integrations > App Details > Folder Organization > turn on the Enable Updated Folder Structure Toggle.

5. Storyboard

The storyboard helps you visualize your entire app's design and navigation in a single interface.

6. Firestore

On the Firestore page, you can create database collections using Firebase.
Learn more about Firebase on FlutterFlow here.

7. Data Types

From here, you can create custom data types that can be used throughout your app, such as in App State, Firestore, custom code, and more!

8. App State

From here, you can manage your App State variables.

9. API Calls

From here, you can define API calls.

10. Project Media/Assets

From this page, you can upload any image assets that you want to use while building your app. You can also remove any asset that you no longer need.

11. Custom Functions

From here, you can add custom functionalities to your app by defining Custom Functions, Custom Widget and Custom Actions.

12. Theme settings

​Theme settings allows you to customize the visual appearance of your app to match a specific design or branding.

13. Settings and Integrations

From this page, you can access settings related to app, general settings, project setup, in app-purchases & subscriptions, and integrations.