# About

Elevate your app development with premium FlutterFlow templates.

Welcome to APPGENZ's documentation site. As one of the early adopters and leading contributors to the FlutterFlow marketplace, we proudly offer a diverse and expanding collection of over 15 high-quality app templates. Our commitment to excellence is reflected in each meticulously designed and highly functional template, catering to a broad spectrum of industries and needs. From robust admin dashboards and innovative FinTech solutions to dynamic online stores, our templates provide a solid foundation for your next project. This documentation is designed to guide you through leveraging the power of FlutterFlow with APPGENZ, ensuring a seamless experience in bringing your app ideas to life.


# EasePay

A FinTech - Recharge and Bill Payment App UI Template

This is a Recharge and Bill Payment App UI template that simplifies fintech app development. Empower your venture effortlessly with a user-friendly design, easy recharge options, seamless bill payments, and customizable features. With FlutterFlow's power, this template offers a cost-effective, rapid development solution.

**Highlights:**

* 34 Screens
* 33 Components
* 23 Essential Custom Functions
* 10 Firebase Collections for Basic Functionalities

**Features:**

* Dark Mode Enabled
* BBPS Support
* FASTag & Mobile Recharge
* Google Play Recharge
* Custom Wallet

**Important Screens:**

* Google Play Recharge
* Wallet
* Passbook
* BBPS (Domestic)
* Bill Fetch
* Bill Processing
* Bill Successful
* Offers
* Orders
* Order Details
* Mobile Prepaid & Postpaid (Domestic)
* Recharge Plans (Domestic)
* FASTag Recharge

**Important Notes:**

* This is a UI template, meaning it includes ready-to-use screens but lacks functional backend integration.
* Purchase includes the template only; development of backend functionalities is required separately.
* You need to integrate your own APIs for the core functionalities of the app.

**Why Purchase:**

* Save over 60 hours of UI development time.
* Develop the backend and deploy your FinTech app quickly.
* Utilize any UI screens and components in your own project.

For any questions, please contact us directly at <info@appgenz.com>


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with EasePay UI template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## First Steps

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/0HDbRvSAN8WViVQjmK9h).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Add to Project and name the project


# Basic Setup

Here are some guide to setup basic settings of the template.

<details>

<summary>App Details</summary>

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

![](/files/IKS7NlNJaHkrjXPEB9VY)<br>

* Update project name
* Package name

</details>

<details>

<summary>App Assets</summary>

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Setup Splash image
* Set Launcher Icon
* Setup Adaptive Icon

</details>

<details>

<summary>Firebase</summary>

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

Connect your Firebase project and generate config files.

Create a Firebase paste your project id here.

</details>


# StoreFront

StoreFront is a UI kit designed for building multi-store local selling app, enabling users to create and manage stores within the app.

Simplify the development of local store selling apps with this comprehensive UI template. Designed specifically for local vendors, this template enables them to create an online store effortlessly and expand their digital presence.

**Highlights:**

* 52 Screens
* 25 Components

**Key Screens Include:**

* Manage Store
* Products
* Add Product
* Edit Product
* Orders (Seller & User)
* Product Details
* Checkout
* Account (User & Vendor)
* And More…

**Important Notes:**

* This template is a UI design only; it includes ready-to-use screens but does not come with functional backend integration.
* The purchase includes only the template; backend development is required separately.
* The template does not include dark mode functionality.
* Best optimized for mobile screens; not designed for responsive web view.

**Why Choose This Template:**

* Save over 100 hours of UI development time.
* Develop a fully functional app using this template to provide an online presence for local stores.
* Customize and integrate any UI screens and components into your own projects.

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with StoreFront UI template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/qNYgitrsppBLOl4M9xq5).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/F4XJfIsrip0Ds2cFkMx5" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon


# Customize the Project

Customize your project with additional functionality or design changes.

This UI kit provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. At present, the project does not include Firebase collections or backend functionality. You have the freedom to customize the UI kit according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}

Thank you for purchasing this template. If you have any questions or need assistance, please do not hesitate to reach out to us at <info@appgenz.com>.


# Basket+

A Local Grocery Delivery App Template

BasketPlus is a uniquely designed e-commerce and grocery delivery app template, perfect for businesses looking to offer local product deliveries within a specific area. Whether you're launching a grocery delivery service or an e-commerce platform, BasketPlus provides a solid foundation to kickstart your business.

**Highlights:**

* 34 Screens
* 59 Components
* 11 Firebase Collections
* 5 Essential Custom Functions
* 3 Custom Actions

**Features:**

* Ideal for food, grocery, and e-commerce delivery services.
* Product Variant Supported

**Key Screens Include:**

* Home Page (Products & Offers)
* Categories
* Order
* Order Details
* Track Order
* Rate Order
* Product Create & Update
* Language
* And Other Essential Screens…

**Important Notes:**

* This is a semi-working template for an ecommerce or grocery delivery app, this application needs slight modifications for live order tracking and estimated delivery feature. This template includes all necessary variable and parameters for this functionality.
* Any necessary backend modifications will need to be done by the purchaser.
* The template is optimized for mobile screens; however, additional adjustments may be required for web responsiveness.

**Why Choose This Template:**

* **Save Development Time:** Reduce development time by over 180 hours.
* **Kickstart Your Business:** Perfect for launching a local e-commerce or grocery delivery service.
* **Learn & Develop:** An excellent learning resource for building a FlutterFlow e-commerce application.

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with BasketPlus template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/mYWE6xAoljt26W9VXz0W).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/GjjunLXuzoZdTd1fNOrX" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon

### 3. Firebase

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

* Paste your Firebase project id & connect your Firebase project.
* Generate config files.

If you don't know how to setup Firebase, please refer this official FlutterFlow documentation.

{% embed url="<https://docs.flutterflow.io/integrations/firebase/connect-to-firebase/>" %}


# Customization

Customize your project with additional functionality, design changes and backend setup.

This template provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. This project includes Firebase collections and backend functionality. You have the freedom to customize the UI and backend according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}


# Backend

### Prerequisites

To make this app work perfectly we require some additional setup.

#### 1. Google Map

Go Settings > Google Maps > Enter API Keys.

<figure><img src="/files/PbLc7DNNQehdodVBE3X2" alt=""><figcaption></figcaption></figure>

Follow this official documentation to learn more.

{% embed url="<https://docs.flutterflow.io/integrations/google-maps/generate-maps-keys/>" %}

2\. Payment Gateway

We have used RazorPay payment gateway for this application. You're free to integrate any payment gateway. Follow FlutterFlow official documentation to learn about payment gateway integration.

{% embed url="<https://docs.flutterflow.io/integrations/payments/razorpay/>" %}

Thank you for purchasing this template. If you have any questions or need assistance, please do not hesitate to reach out to us at <info@appgenz.com>.


# Updates

Version 1.0.0 ( 12/08/2024)

```
- Initial Release.
```


# Nexium

Ultimate Multipurpose Admin Dashboard Template

If you’re a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Nexium. We’ve followed the highest industry standards to bring you the very best admin template that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you’ll be able to build whatever application you want with very little hassle.

**Highlights:**

* 53 Screens
* 179 Components
* 3 Essential Custom Functions
* 2 Custom Widgets

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with Nexium template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/yXnydTV4i8hOc5Q60gL2).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/GjjunLXuzoZdTd1fNOrX" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon

### 3. Firebase

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

* Paste your Firebase project id & connect your Firebase project.
* Generate config files.

If you don't know how to setup Firebase, please refer this official FlutterFlow documentation.

{% embed url="<https://docs.flutterflow.io/integrations/firebase/connect-to-firebase/>" %}


# Customization

Customize your project with additional functionality, design changes and backend setup.

This template provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. This project includes Firebase collections and backend functionality. You have the freedom to customize the UI and backend according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}


# Lovingo

Ultimate Dating App UI Template

Lovingo is a premium dating app UI template designed to elevate your app's user experience. With 90+ customizable pages and 95+ versatile components, you can create a visually stunning and intuitive interface. Whether you prefer light or dark mode, Lovingo adapts to your preferences. Built with FlutterFlow best practices, this template ensures optimal performance and easy customization, allowing you to bring your dating app vision to life.

#### **Features:**

* Swipe Match (Like, Super Like & Dislike)
* Match Preference Filter
* Profile Discovery Preference
* Explore Matches
* Search Matches
* Manage Matches
* Profile Details
* Friend Stories
* Chat Messages, Request, Profile Views
* Upgrade Membership
* Onboarding, Authentication & Other Essential Pages, Etc.
* Settings(Notifications, Profile & Privacy, Account & Security, Data Saving Mode, 3rd Party Integration, Language, Help & Support, Data Analytics)

#### Suitable for:

* Dating App
* Social Media App
* Chat App
* Community App
* Friendship App

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with Nexium template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/wVBDZ46QrjZEpMgnCp2e).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/GjjunLXuzoZdTd1fNOrX" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon

### 3. Firebase

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

* Paste your Firebase project id & connect your Firebase project.
* Generate config files.

If you don't know how to setup Firebase, please refer this official FlutterFlow documentation.

{% embed url="<https://docs.flutterflow.io/integrations/firebase/connect-to-firebase/>" %}


# Customization

Customize your project with additional functionality, design changes and backend setup.

This template provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. This project includes Firebase collections and backend functionality. You have the freedom to customize the UI and backend according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}


# NeoMart: Admin Panel

A Modern Multi-Vendor E-Commerce Admin Dashboard

NeoMart is a modern and flexible multi-vendor e-commerce system where you can organize multiple shops and stores such as digital stores, fashion stores, sports stores, home & living stores, health & beauty stores, and many others in one platform.

**Highlights:**

* 35 Screens
* 45 Components
* 13 Firebase Collections
* 15 Essential Custom Functions
* 5 Custom Actions
* 1 Custom Bar Chart

**Key Screens Include:**

* Dashboard
* Orders
* Reviews
* Refunds
* Products
* Brands
* Product Create & Update
* Attributes
* Brands
* Categories
* Banners
* Push Notification
* Analytics
* And More…

**Important Notes:**

* This is a working template for an e-commerce admin panel, allowing you to deploy an admin dashboard for your e-commerce app quickly.
* Any necessary backend modifications will need to be done by the purchaser.
* The Dashboard and Orders pages are optimized for mobile screens; other pages may require additional mobile view adjustments.
* Some Filter and Sort buttons may require additional functionality to be implemented.

**Why Choose This Template:**

* Save over 240 hours of development time.
* Deploy an admin dashboard for ecommerce app.
* Customize and integrate any UI screens and components & backend according by needs.

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with NeoMart Admin Dashboard template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/p96000w3NXgEbzPNyml0).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/F4XJfIsrip0Ds2cFkMx5" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon

### 3. Firebase

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

* Paste your Firebase project id & connect your Firebase project
* Generate config files.


# Customize the Project

Customize your project with additional functionality or design changes.

This template provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. This project includes Firebase collections and backend functionality. You have the freedom to customize the UI kit and backend according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}

Thank you for purchasing this template. If you have any questions or need assistance, please do not hesitate to reach out to us at <info@appgenz.com>.


# NeoMart: Complete E-Commerce Solution

A Modern Multi-Vendor E-Commerce Solution

NeoMart is a modern and flexible multi-vendor e-commerce system where you can organize multiple shops and stores such as digital stores, fashion stores, sports stores, home & living stores, health & beauty stores, and many others in one platform.

**Highlights:**

* 115 Screens
* 101 Components
* 25 Firebase Collections
* 27 Essential Custom Functions
* 6 Custom Actions
* 2 Custom Widgets

**Key Screens Include:**

* Dashboard
* Orders
* Reviews
* Refunds
* Products
* Brands
* Product Create & Update
* Attributes
* Brands
* Categories
* Banners
* Push Notification
* Analytics
* And More…

**Important Notes:**

* This is a working template for an e-commerce, allowing you to launch e-commerce business quickly.
* Any necessary backend modifications will need to be done by the purchaser.
* The Dashboard and Orders pages are optimized for mobile screens; other pages may require additional mobile view adjustments.
* Some Filter and Sort buttons may require additional functionality to be implemented.

**Why Choose This Template:**

* Save over 1250 hours of development time.
* Launch an ecommerce business.
* Customize and integrate any UI screens and components & backend according by needs.

For any inquiries, please contact us at <info@appgenz.com>.


# Getting Started

Thank you for choosing our template. This article is intended to help you get started creating your app with NeoMart eCommerce template. Should you face any problems setting up this template the help of this article, please contact us on <info@appgenz.com>

## Initial Setup

* Purchase the template. You access the live template [here](https://marketplace.flutterflow.io/item/319NuxoBBUjBiv1lL4oJ).
* Go to [Dashboard](https://marketplace.flutterflow.io/dashboard) > Owned Items.
* Click on Create Project  (<img src="/files/RU2LM2C7zVwA4Bim97CJ" alt="" data-size="line"> ).
* Give a name for the project. And click on "**Create Project**". This will create a copy of the project your purchased. And your project is now ready for customization.\
  ![](/files/l7s1E6gzGNGd9FxhxazC)


# Basic Setup

Here are some guide to setup basic settings of the template.

### 1. App Details

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Details***

<img src="/files/F4XJfIsrip0Ds2cFkMx5" alt="" data-size="original">

* Update project name
* Update package name
* You can also set display name from here(optional).

### 2. App Assets

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > App Assets***

* Set splash image
* Set launcher Icon
* Set adaptive icon

### 3. Firebase

***Go to Settings (***<img src="/files/iqHirUKiYXASNJkfWS7g" alt="" data-size="line">***) > Firebase***

* Paste your Firebase project id & connect your Firebase project
* Generate config files.


# Customize the Project

Customize your project with additional functionality or design changes.

This template provides a flexible foundation for your projects, allowing you to integrate its screens and components into other applications or to develop a complete backend for a real-world solution, ready for deployment on app platforms. This project includes Firebase collections and backend functionality. You have the freedom to customize the UI kit and backend according to your specific requirements.&#x20;

If you are new to FlutterFlow, we recommend utilizing available resources to familiarize yourself with the platform and leverage its capabilities effectively for your development needs.

{% embed url="<https://docs.flutterflow.io/>" %}

{% embed url="<https://www.youtube.com/@FlutterFlow>" %}

Thank you for purchasing this template. If you have any questions or need assistance, please do not hesitate to reach out to us at <info@appgenz.com>.