Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
91 changes: 45 additions & 46 deletions docs/intro/ff-ui/dashboard.md
Original file line number Diff line number Diff line change
@@ -1,86 +1,85 @@
---
slug: /flutterflow-ui/dashboard
title: Dashboard
description: Explore the dashboard in FlutterFlow, a centralized location for managing projects and account.
description: Explore the dashboard in FlutterFlow, a centralized location for managing projects and your account.
tags: [FlutterFlow, UI, Design]
sidebar_position: 0
keywords: [Dashboard, FlutterFlow, UI, Design]
---
# Dashboard
When you log in to FlutterFlow, the first thing you’ll encounter is the **Dashboard**. It serves as a central hub for managing your projects, including creating new ones, searching, deleting, and duplicating projects. Additionally, the Dashboard lets you choose your preferred theme—**dark or light**—for a more comfortable viewing experience.
When you log in to FlutterFlow, the first page you’ll see is the **Dashboard**. It serves as a central hub for managing your projects, including creating, searching for, deleting, and duplicating projects. The Dashboard also lets you choose your preferred theme—dark or light—for a more comfortable viewing experience.

The Dashboard provides convenient access to organizational resources, facilitating seamless collaboration among team members. Additionally, it integrates with a marketplace where users can browse and download widgets, templates, and plugins.
The Dashboard provides convenient access to organizational resources, facilitating seamless collaboration among team members. It also integrates with a marketplace where users can browse and download widgets, templates, and plugins.

You can also find links to various resources to assist in building apps with FlutterFlow. Your account information and plan details are easily accessible from this page as well.
You can also find links to various resources to help you build apps with FlutterFlow. Your account information and plan details are easily accessible from this page as well.

![dashboard](imgs/dashboard.avif)

- **Projects**: Projects section displays all the projects you have created in FlutterFlow. Use the overflow menu to rename, duplicate, delete, leave the project, add tags, and open the project in a new browser tab.

:::info
When you duplicate a project containing the Firebase setup, you must delete the config files in your duplicated project and initiate a new [**Firebase setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md) for your project.
When you duplicate a project with Firebase configured, you must delete the config files in the duplicated project and initiate a new [**Firebase setup**](../../ff-integrations/firebase/connect-to-firebase-setup.md) for it.
:::

- **Dark/Light mode switch**: The Dark/Light mode switch allows you to choose between a light and dark color scheme for our app builder.
- **Notification Center**: The Notification Center simplifies how you manage comments and invites across projects. It centralizes all your project communications. When you're ready to address a comment, select it to go directly to the relevant section of the project.

- **Dark/Light Mode**: The Dark/Light Mode option allows you to choose between a light and dark color scheme for the app builder.

- **View Options**: Switch between **List View** and **Grid View** to choose how projects are displayed on the Dashboard. Grid View displays projects as tiles for visual browsing, while List View provides a compact layout for quickly scanning your projects.

- **Search**: This option allows you to search for your projects.

- **Filter projects**: Filter your projects based on their privacy settings. They can be marked as private, shared by you, or shared with you.
- **Filter Projects**: Filter projects by privacy setting: private, shared by you, or shared with you.

- **Tag project**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status.
- **Tag Projects**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status.

To tag a project, simply click the three dots option menu on the project tile, select **Add Tag,** and then click on the tag you want to set. Later, you can search and filter the projects based on the tags.
To tag a project, open the three-dot overflow menu on the project tile, select **Add Tag**, and then select the tag you want to set. Later, you can search and filter projects based on their tags.

<div style={{
position: 'relative',
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
height: 0,
width: '100%'}}>
<iframe
src="https://www.loom.com/embed/2e545489cfe14e97ae44b6a747410ae0?sid=b9a93abe-7fb7-4e16-a014-6477543c4460"
title=""
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
colorScheme: 'light'
}}
frameborder="0"
loading="lazy"
webkitAllowFullScreen
mozAllowFullScreen
allowFullScreen
allow="clipboard-write">
</iframe>
position: 'relative',
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
height: 0,
width: '100%'}}>
<iframe
src="https://demo.arcade.software/RVgwXtGKdY9bb7WSZjpw?embed&show_copy_link=true"
title=""
style={{
position: 'absolute',
top: 0,
left: 0,
width: '100%',
height: '100%',
colorScheme: 'light'
}}
frameborder="0"
loading="lazy"
webkitAllowFullScreen
mozAllowFullScreen
allowFullScreen
allow="clipboard-write">
</iframe>
</div>
<p></p>

- **Create a new project**: For creating a new project, you can use the **+** **Create New** button. Learn more about [creating a new project](../../resources/projects/how-to-create-find-organize-projects.md#how-to-create-a-project).

- **Notifications Center**: The notification center simplify how you manage comments and invites across various projects. It conveniently centralizes all your project communications. And when you're ready to address a comment, tap on it and you'll be taken directly to the relevant section of the project.
- **Create a New Project**: To create a new project, use the **+ Create New** button. Learn more about [creating a new project](../../resources/projects/how-to-create-find-organize-projects.md#how-to-create-a-project).

- **My organization** From the [**My Organization tab**](my-organization.md), you can share custom code, assets, design systems, and APIs between your team users and across projects.
- From **My Teams** section, you can share custom code, assets, design systems, and APIs among team members and across projects.

- **Marketplace**: Enhance your FlutterFlow app effortlessly with the [**FlutterFlow Marketplace**](../../marketplace/index.md); access pre-built components and templates created by other users for seamless integration of new functionalities.
- **Marketplace**: Use the [**FlutterFlow Marketplace**](../../marketplace/index.md) to access prebuilt components and templates created by other users and add new functionality to your app.

- **Resources**: From the **Resources tab**, you can find various useful links that can help you build apps on FlutterFlow. [Video tutorials](https://www.youtube.com/@FlutterFlow/videos) are extremely helpful for learning about concepts visually.

- **Community**: The **Community tab** will redirect you to our [Community Forum](https://community.flutterflow.io/home), a place for you to share ideas, ask questions, and troubleshoot issues with other FlutterFlow builders. The community shares a lot of amazing ideas!
- **Community**: The **Community tab** redirects you to our [Community Forum](https://community.flutterflow.io/home), a place for you to share ideas, ask questions, and troubleshoot issues with other FlutterFlow builders. The community shares a lot of amazing ideas!

:::warning[Creating an account in Forum]
- The community forum requires an account, which we'll auto-create when you click on the '[Community](https://app.flutterflow.io/community)' tab and redirect you to the forum. However, if you want to add a password to your forum account, you can go to forum [**settings**](https://community.flutterflow.io/settings/account) and click 'Forget Password.'
- Additionally, ensure that you have added a name to your FlutterFlow profile. The same name will be used for the community forum profile.
:::warning[Creating a Forum Account]
- When you select the [**Community**](https://app.flutterflow.io/community) tab, FlutterFlow automatically creates a forum account and redirects you to the Community Forum. To add a password to your forum account, go to the forum [**settings**](https://community.flutterflow.io/settings/account) and select **Forgot Password**.
- Additionally, make sure your FlutterFlow profile includes a name. The same name will be used for the community forum profile.
:::

- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. Check out docs on **[Whitelisting URLs](../../misc/enterprise-page.md#whitelist-urls)**.
- **URL Access (Only Available for Enterprise Users)**: You can view and copy URLs that need to be whitelisted for FlutterFlow to function correctly in enterprise environments with restricted internet access. See **[Whitelisting URLs](../../misc/enterprise-page.md#whitelist-urls)** for more information.

![url-access](imgs/url-access-dashboard.avif)

- **Account**: This is helpful if you want to look at your account information, upload a profile picture, reset your password, see your referrals, or delete account.

- **Plan info**: See information about the current plan and eventually upgrade to access additional features.

- **Logout**: Safely log out from your FlutterFlow account.
- **Account**: This is helpful if you want to look at your account information, upload a profile picture, reset your password, see your referrals, or delete your account.

- **Log Out**: Safely log out from your FlutterFlow account.
Binary file modified docs/intro/ff-ui/imgs/dashboard.avif
Binary file not shown.
Binary file modified docs/intro/ff-ui/imgs/url-access-dashboard.avif
Binary file not shown.
Loading