FlutterFlow · pinkeshmars · Jul 9, 2026
diff --git a/docs/intro/ff-ui/dashboard.md b/docs/intro/ff-ui/dashboard.md
@@ -29,7 +29,7 @@ You can also find links to various resources to assist in building apps with Flu
 
 - **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.
 
-    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.
+    For detailed steps, see [Create and Add Tags to Projects](../../resources/projects/how-to-create-find-organize-projects.md#create-and-add-tags-to-projects).
 
     <div style={{
         position: 'relative',
@@ -38,7 +38,7 @@ You can also find links to various resources to assist in building apps with Flu
         width: '100%'}}>
         <iframe 
             src="https://www.loom.com/embed/2e545489cfe14e97ae44b6a747410ae0?sid=b9a93abe-7fb7-4e16-a014-6477543c4460"
-            title=""
+            title="Tag Projects"
             style={{
                 position: 'absolute',
                 top: 0,
@@ -83,4 +83,3 @@ You can also find links to various resources to assist in building apps with Flu
 - **Plan info**: See information about the current plan and eventually upgrade to access additional features.
 
 - **Logout**: Safely log out from your FlutterFlow account.
-
diff --git a/docs/resources/projects/how-to-create-find-organize-projects.md b/docs/resources/projects/how-to-create-find-organize-projects.md
@@ -1,6 +1,6 @@
 ---
 slug: /resources/projects/how-to-create-find-organize-projects
-title: Create, Find and Organize Projects
+title: Create, Find, and Organize Projects
 description: Learn how to create, find, and organize projects in FlutterFlow to streamline your app development process.
 tags: [Project Management, FlutterFlow, Organization, Projects]
 toc_max_heading_level: 5
@@ -10,24 +10,16 @@ keywords: [Project Management, FlutterFlow, Organization, Projects]
 
 #
 ## How to Create a Project
-To create a new project, go to the Dashboard and click the “Create New” button in the upper right corner. This will open the “Create Project” window where you can choose to start with a template app or a blank project. Name the project and then select a blank project or template. 
-
-![create-new-project.avif](../../../static/img/create-new-project.avif)
-
-During project creation, you can access a three-step "Project Setup" window, which is optional. If you prefer to bypass this, simply click "Skip." All setup options will remain accessible under “Settings and Integrations” → “Firebase” → Wizard hat icon.
-
-## How to Find Projects
-Navigate to the Project Dashboard to view all your projects. You can search for specific projects using the search bar. 
+To create a new project, go to the Dashboard and click **+ New Project** in the upper-right corner. This opens a window where you can start with a template app or a blank project.
 
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
     height: 0,
-    width: '100%'
-}}>
+    width: '100%'}}>
     <iframe 
-        src="https://demo.arcade.software/KWGdRdptt18rissIt8SQ?embed&show_copy_link=true"
-        title="Projects - FlutterFlow"
+        src="https://demo.arcade.software/s8Pwq75FDwnaLyt6pQvZ?embed&show_copy_link=true"
+        title="Create a Project"
         style={{
             position: 'absolute',
             top: 0,
@@ -36,31 +28,28 @@ Navigate to the Project Dashboard to view all your projects. You can search for
             height: '100%',
             colorScheme: 'light'
         }}
-        frameBorder="0"
+        frameborder="0"
         loading="lazy"
         webkitAllowFullScreen
         mozAllowFullScreen
         allowFullScreen
         allow="clipboard-write">
     </iframe>
 </div>
+<p></p>
 
-
-Narrow your search scope with the dropdown menu next to the search bar:
-
-- **My Private Projects:** Projects accessible only to you.
-- **My Shared Projects:** Projects you own and have shared with others.
-- **Shared With Me:** Projects shared with you that you do not own.
+## How to Find Projects
+Go to the Project Dashboard to view all your projects. You can search for specific projects using the search bar.
 
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.72268907563025% + 41px)', // Adjusts the padding to maintain the aspect ratio with additional padding
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
     height: 0,
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/INHhbP1PuCupUSWW3aTG?embed&show_copy_link=true"
-        title="Public, Private and Shared Projects"
+        src="https://demo.arcade.software/GonI3mWkBe7xg98MvA0J?embed&show_copy_link=true"
+        title="Projects - FlutterFlow"
         style={{
             position: 'absolute',
             top: 0,
@@ -79,56 +68,46 @@ Narrow your search scope with the dropdown menu next to the search bar:
 </div>
 
 
+Narrow your search scope with the dropdown menu next to the search bar:
+
+- **All Projects:** Shows all projects you can access.
+- **My Private Projects:** Shows projects accessible only to you.
+- **My Shared Projects:** Shows projects you own and have shared with others.
+- **Shared With Me:** Shows projects shared with you that you do not own.
+- **Team Projects:** Shows projects that belong to your teams.
+- **Library Projects:** Shows projects configured as libraries for reuse across other projects.
+- **Marketplace Listings:** Shows projects connected to your Marketplace listings.
+- **Archived Projects:** Shows projects you have archived.
+- **Beta Projects:** Shows projects using the Beta environment.
+- **Prod Projects:** Shows projects using the Production environment.
+
+![filter-projects](imgs/filter-projects.avif)
+
 ## Organizing Projects
-### Creating and Managing Tags
-To create a tag, click the orange “Tag” button or access it via the three dots in the upper right corner of a project panel, then select “Add Tag”. Tags help categorize and filter your projects for easier management.
+### Create and Add Tags to Projects
+Tags help categorize and filter your projects for easier management.
 
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.48535564853556% + 41px)', // This maintains the aspect ratio plus extra padding at the bottom
-    height: 0,
-    width: '100%'
-}}>
-    <iframe 
-        src="https://demo.arcade.software/VqTlm9OtL3Zfev5BWtoj?embed&show_copy_link=true"
-        title="Arcade Flow (Fri May 03 2024)"
-        style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            colorScheme: 'light', // Property names in style objects should be in camelCase in JSX
-            border: 'none' // Assuming you might want to remove the default border
-        }}
-        frameBorder="0"
-        loading="lazy"
-        webkitAllowFullScreen
-        mozAllowFullScreen
-        allowFullScreen
-        allow="clipboard-write">
-    </iframe>
-</div>
+To create a tag, click **+ Tag** or open the three-dot menu on a project card and select **Create Tag**.
 
+Add a tag to a project by opening the three-dot menu on the project card and selecting a tag. Each project can have only one tag.
 
-### Adding Tags to Projects
-Add a tag to a project by clicking the three dots in the upper right corner of the project panel and selecting a tag. Each project can have only one tag.
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.48535564853556% + 41px)', // Adjusts padding to maintain the desired aspect ratio and additional padding
+    paddingBottom: 'calc(56.48535564853556% + 41px)', // This maintains the aspect ratio plus extra padding at the bottom
     height: 0,
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/6JYcGUZ1RuWkjf7TddxR?embed&show_copy_link=true"
-        title="Add Tag To Project"
+        src="https://demo.arcade.software/ltenHF4tRtLi4zEX0QS4?embed&show_copy_link=true"
+        title="Create and Add Tags to Projects"
         style={{
             position: 'absolute',
             top: 0,
             left: 0,
             width: '100%',
             height: '100%',
-            colorScheme: 'light'
+            colorScheme: 'light',
+            border: 'none'
         }}
         frameBorder="0"
         loading="lazy"
@@ -139,18 +118,17 @@ Add a tag to a project by clicking the three dots in the upper right corner of t
     </iframe>
 </div>
 
-
 ### Searching and Filtering by Tags
-When a tag is selected, your projects list will filter to show only those projects associated with that tag. This filter can be combined with the search bar to refine your project search further.
+When a tag is selected, the project list filters to show only projects associated with that tag. This filter can be combined with the search bar to refine your project search further.
 <div style={{
     position: 'relative',
     paddingBottom: 'calc(56.72268907563025% + 41px)', // This setup ensures the aspect ratio plus additional padding
     height: 0,
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/zxnnkwJDaB6BHFNEEZY1?embed&show_copy_link=true"
-        title="Filter Project"
+        src="https://demo.arcade.software/85XUoxRUK2ZxbWgBr95M?embed&show_copy_link=true"
+        title="Search and Filter Projects by Tag"
         style={{
             position: 'absolute',
             top: 0,
@@ -169,31 +147,7 @@ When a tag is selected, your projects list will filter to show only those projec
 </div>
 
 
-## Editing and Removing Tags
-Modify or remove tags by clicking the gear icon within the orange Tag button. This allows for quick updates to tag names and assignments.
+### Editing and Removing Tags
+Modify or remove tags by clicking the gear icon within the orange Tag button. This lets you quickly update tag names and assignments.
 
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.72268907563025% + 41px)', // Maintains the aspect ratio and includes additional padding
-    height: 0,
-    width: '100%'
-}}>
-    <iframe 
-        src="https://demo.arcade.software/qmWRdELTRb5YCM1Bb2oe?embed&show_copy_link=true"
-        title="Edit Tags"
-        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>
+![edit-tags](imgs/edit-tags.avif)
diff --git a/docs/resources/projects/imgs/edit-tags.avif b/docs/resources/projects/imgs/edit-tags.avif
diff --git a/docs/resources/projects/imgs/filter-projects.avif b/docs/resources/projects/imgs/filter-projects.avif