Welcome to the Flowith Landing Page

This guide walks you through everything you’ll find on the Flowith workspace landing page, the first screen you see after logging in. Think of it as your creative launchpad.

Overview of the Flowith workspace landing page
Overview of the Flowith workspace landing page

Page Layout at a Glance

The landing page uses a two-column layout:

  • Left column (fixed sidebar): Navigation, Project folders, Knowledge Base, Chat History, and your account.
  • Right column (main workspace): A prompt input area at the top, followed by a scrollable gallery of reusable examples and templates below.

1. The Sidebar

The sidebar lives on the left side of the screen and stays fixed as you interact with the main workspace. It handles all your navigation and organization.

The full sidebar view
The full sidebar view

Top Controls

At the very top of the sidebar you’ll find two elements:

  • The Flowith logo: a minimalist fl. icon. Clicking it returns you to the home view.
  • Sidebar toggle: a small square icon next to the logo. Click it to collapse the sidebar and give your workspace more horizontal room. Click it again to bring it back.

Primary Navigation

Just below the top controls are your four main navigation buttons:

ButtonWhat It Does
+ New FlowCreates a brand new AI-driven workflow in a totally new canvas.
Flow LibraryBrowse and access your saved flows and projects.
Knowledge GardenManage stored information, data, and context that your flows can reference.
Knowledge MarketExplore a marketplace of shareable knowledge bases created by the Flowith community.
Primary navigation buttons in the sidebar
Primary navigation buttons in the sidebar

Projects

Below the navigation buttons is your Projects section. This is where all your organized workflows live.

  • The section header reads “Projects” with a dropdown for switching how projects are displayed, and a New Folder icon on the right to create a new folder instantly.
  • Below the header is a scrollable list of all your folders. Each folder holds related flows and files you’ve created.
The Projects section showing folder list
The Projects section showing folder list

History

Below your Projects list is the History section. It shows your recent activity, a running log of flows you’ve worked on, each with a timestamp (e.g., “Last edit 5 hours ago”). Use the filter icon in the section header to narrow down the history list.

The History section with recent flow activity
The History section with recent flow activity

User Profile (Bottom of Sidebar)

At the very bottom of the sidebar is your account info:

  • Your account name
  • Your subscription tier badge (e.g., INFINITE)

Click this area to access account settings, usage, manage subscriptions, invite friends or report bugs.

ButtonWhat It Does
Upgrade Your PlanNavigate to the pricing page and make a subscription upgrade.
Invite FriendsInvite friends to Flowith and check your referral rewards.
SettingsCheck your account preferences or usage details, manage your subscription and purchase top up packs.
Download iOS AppDownload the iOS version of Flowith.
Official WebsiteNavigate to Flowith’s official website.
Report BugsReport the bugs you encountered and get some help from support team.
Log outLog out your account.
User profile area at the bottom of the sidebar
User profile area at the bottom of the sidebar

2. The Prompt Engine (Main Entrance)

The top of the main workspace is where you start most of your creative sessions. It’s the central input hub for Flowith.

The prompt input area at the top of the main workspace
The prompt input area at the top of the main workspace

The Input Box

A large, inviting text field sits center-stage with the placeholder text:

“Every great idea starts with a single thought…”

Type your prompt here to describe what you want to create, ask a question, or give an instruction. This is the starting point for everything.

Toolbar

Running along the bottom edge of the input box is a row of controls (left to right):

ButtonWhat It Does
Interaction ModeSwitches between interaction modes (e.g., Chat, Image, Video, etc.). Use this to control how Flowith responds according to the output types you wish to have.
Model SelectorOpens a dropdown and choose which AI model powers your flow (e.g., Claude, GPT-5, etc.).
AttachmentsUpload files, images, or documents to include in your prompt context.
Knowledge BaseGive modal access to the knowledge base you selected and get better outputs.
Online SearchToggle internet access on or off. When enabled, Flowith can pull in live web information to supplement its responses.
Batch GenerationControls how many parallel outputs Flowith generates at once.
Send ButtonSubmits your prompt and starts the flow.

To start a flow: Type your idea into the input box, configure any toolbar options you need, and hit the Send button.

3. The Playbook

Below the prompt engine, the rest of the main workspace is filled with a masonry-style scrollable gallery of visual cards. This gallery serves as both inspiration and a quick-start library.

The content gallery showing visual cards
The content gallery showing visual cards

What the Cards Are

Each card is a high-quality example representing a different creative style, use case, or output type.

The gallery spans many categories: photography, illustration, video concepts, product shots, advertisements, and more. As you scroll down, more inspirations load.

How to Use a Card

Hover over any card to reveal a Use button in the bottom-right corner of that card. Clicking Use instantly loads that example’s prompt or style into your input box, so you can use it as-is or customize it as your own starting point.

Hovering over a card to reveal the "Use" button
Hovering over a card to reveal the "Use" button

Quick Start: Your First Flow

Here’s the fastest path from landing page to your first creation:

  1. Type your idea into the prompt input box.
  2. Choose a model using the Model Selector if you have a preference.
  3. Toggle Web Search on if your prompt needs current information.
  4. Hit Send and Flowith takes it from there.

Or, if you’re looking for inspiration:

  1. Scroll the gallery to find a style or concept that catches your eye.
  2. Hover and click Use on any card to load its prompt.
  3. Edit or extend the loaded prompt to make it yours.
  4. Hit Send.

Tips

  • Use folders in the Projects section to stay organized. Group related flows together as your library grows.
  • The Execution Multiplier is great when you want to compare multiple AI outputs side by side. Bump it up before sending.
  • Locked buttons and templates are not open to free users. Get them unlocked immediately after subscription.