diff --git a/apps/dashboard/src/@/analytics/report.ts b/apps/dashboard/src/@/analytics/report.ts
index c898ff45932..737aeb30070 100644
--- a/apps/dashboard/src/@/analytics/report.ts
+++ b/apps/dashboard/src/@/analytics/report.ts
@@ -269,22 +269,6 @@ export function reportAssetBuyFailed(properties: {
 
 // Assets Landing Page ----------------------------
 
-/**
- * ### Why do we need to report this event?
- * - To track number of asset creation started from the assets page
- * - To track which asset types are being created the most
- *
- * ### Who is responsible for this event?
- * @MananTank
- */
-export function reportAssetCreationStarted(properties: {
-  assetType: "nft" | "coin";
-}) {
-  posthog.capture("asset creation started", {
-    assetType: properties.assetType,
-  });
-}
-
 /**
  * ### Why do we need to report this event?
  * - To track number of assets imported successfully from the assets page
@@ -386,9 +370,35 @@ export function reportAssetCreationFailed(
   });
 }
 
+/**
+ * ### Why do we need to report this event?
+ * - To track number of successful asset creations
+ * - To track which asset types are being created the most
+ *
+ * ### Who is responsible for this event?
+ * @MananTank
+ */
+export function reportMarketCreationSuccessful() {
+  posthog.capture("market creation successful");
+}
+
+/**
+ * ### Why do we need to report this event?
+ * - To track number of failed marketplace creations
+ * - To track the errors that users encounter when trying to create a marketplace
+ *
+ * ### Who is responsible for this event?
+ * @MananTank
+ */
+export function reportMarketCreationFailed(properties: { error: string }) {
+  posthog.capture("market creation failed", {
+    error: properties.error,
+  });
+}
+
 type UpsellParams = {
   content: "storage-limit";
-  campaign: "create-coin" | "create-nft";
+  campaign: "create-coin" | "create-nft" | "create-marketplace";
   sku: Exclude<ProductSKU, null>;
 };
 
diff --git a/apps/dashboard/src/@/components/contract-components/tables/contract-table.tsx b/apps/dashboard/src/@/components/contract-components/tables/contract-table.tsx
index 84f8e6e8f02..22be6c86e16 100644
--- a/apps/dashboard/src/@/components/contract-components/tables/contract-table.tsx
+++ b/apps/dashboard/src/@/components/contract-components/tables/contract-table.tsx
@@ -48,7 +48,7 @@ export function ContractTable(props: {
   teamId: string;
   projectId: string;
   client: ThirdwebClient;
-  variant: "asset" | "contract";
+  variant: "token" | "contract" | "marketplace";
   teamSlug: string;
   projectSlug: string;
 }) {
@@ -76,7 +76,7 @@ export function ContractTableUI(props: {
   pageSize: number;
   removeContractFromProject: (contractId: string) => Promise<void>;
   client: ThirdwebClient;
-  variant: "asset" | "contract";
+  variant: "token" | "contract" | "marketplace";
   teamSlug: string;
   projectSlug: string;
 }) {
@@ -143,7 +143,7 @@ export function ContractTableUI(props: {
           <TableHeader className="z-0">
             <TableRow>
               <TableHead>Name</TableHead>
-              <TableHead>Type</TableHead>
+              {props.variant !== "marketplace" && <TableHead>Type</TableHead>}
               <TableHead className="tracking-normal">
                 <NetworkFilterCell
                   chainId={
@@ -163,7 +163,7 @@ export function ContractTableUI(props: {
                 <TableHead>Contract Address</TableHead>
               )}
 
-              {props.variant === "asset" && <TableHead> Token Page</TableHead>}
+              {props.variant === "token" && <TableHead> Token Page</TableHead>}
 
               <TableHead>Actions</TableHead>
             </TableRow>
@@ -188,23 +188,25 @@ export function ContractTableUI(props: {
                     />
                   </TableCell>
 
-                  <TableCell>
-                    {contract.contractType &&
-                    props.variant === "asset" &&
-                    contractTypeToAssetTypeRecord[contract.contractType] ? (
-                      <ContractTypeCellUI
-                        name={
-                          contractTypeToAssetTypeRecord[contract.contractType]
-                        }
-                      />
-                    ) : (
-                      <ContractTypeCell
-                        chainId={contract.chainId}
-                        client={props.client}
-                        contractAddress={contract.contractAddress}
-                      />
-                    )}
-                  </TableCell>
+                  {props.variant !== "marketplace" && (
+                    <TableCell>
+                      {contract.contractType &&
+                      props.variant === "token" &&
+                      contractTypeToAssetTypeRecord[contract.contractType] ? (
+                        <ContractTypeCellUI
+                          name={
+                            contractTypeToAssetTypeRecord[contract.contractType]
+                          }
+                        />
+                      ) : (
+                        <ContractTypeCell
+                          chainId={contract.chainId}
+                          client={props.client}
+                          contractAddress={contract.contractAddress}
+                        />
+                      )}
+                    </TableCell>
+                  )}
 
                   <TableCell>
                     <ChainNameCell
@@ -224,7 +226,7 @@ export function ContractTableUI(props: {
                     </TableCell>
                   )}
 
-                  {props.variant === "asset" && (
+                  {props.variant === "token" && (
                     <TableCell>
                       <Button asChild size="sm" variant="ghost">
                         <Link
@@ -261,11 +263,8 @@ export function ContractTableUI(props: {
         {contracts.length === 0 && (
           <div className="flex h-[350px] items-center justify-center text-muted-foreground">
             <div className="text-center">
-              {props.variant === "asset" ? (
-                <p className="mb-3">No tokens found</p>
-              ) : (
-                <p className="mb-3">No contracts found</p>
-              )}
+              <p className="mb-3">No {props.variant}s</p>
+
               {props.variant === "contract" && (
                 <Button asChild className="bg-background" variant="outline">
                   <Link
diff --git a/apps/dashboard/src/@/components/contracts/import-contract/modal.tsx b/apps/dashboard/src/@/components/contracts/import-contract/modal.tsx
index c4cbc25af04..5824bdade24 100644
--- a/apps/dashboard/src/@/components/contracts/import-contract/modal.tsx
+++ b/apps/dashboard/src/@/components/contracts/import-contract/modal.tsx
@@ -40,7 +40,7 @@ type ImportModalProps = {
   projectSlug: string;
   teamSlug: string;
   client: ThirdwebClient;
-  type: "contract" | "asset";
+  type: "contract" | "token" | "marketplace";
   onSuccess?: () => void;
 };
 
@@ -60,7 +60,7 @@ export const ImportModal: React.FC<ImportModalProps> = (props) => {
       >
         <DialogHeader className="p-6">
           <DialogTitle className="font-semibold text-2xl tracking-tight">
-            Import {props.type === "contract" ? "Contract" : "Token"}
+            Import {props.type}
           </DialogTitle>
           <DialogDescription>
             Import a deployed contract in your project
@@ -103,7 +103,7 @@ function ImportForm(props: {
   teamSlug: string;
   projectSlug: string;
   client: ThirdwebClient;
-  type: "contract" | "asset";
+  type: "contract" | "token" | "marketplace";
   onSuccess?: () => void;
 }) {
   const router = useDashboardRouter();
@@ -197,7 +197,7 @@ function ImportForm(props: {
               <FormItem>
                 <FormLabel>Contract Address</FormLabel>
                 <FormControl>
-                  <Input placeholder="0x..." {...field} />
+                  <Input placeholder="0x..." {...field} className="bg-card" />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -211,6 +211,8 @@ function ImportForm(props: {
               chainId={form.watch("chainId")}
               client={props.client}
               disableChainId
+              disableDeprecated
+              className="bg-card"
               onChange={(v) => form.setValue("chainId", v)}
               side="top"
             />
diff --git a/apps/dashboard/src/@/hooks/project-contracts.ts b/apps/dashboard/src/@/hooks/project-contracts.ts
index bebcda01a5e..deb365dc790 100644
--- a/apps/dashboard/src/@/hooks/project-contracts.ts
+++ b/apps/dashboard/src/@/hooks/project-contracts.ts
@@ -10,8 +10,13 @@ export function useAddContractToProject() {
       projectId: string;
       contractAddress: string;
       chainId: string;
-      deploymentType: "asset" | undefined;
-      contractType: "DropERC20" | "DropERC721" | "DropERC1155" | undefined;
+      deploymentType: "asset" | "marketplace" | undefined;
+      contractType:
+        | "DropERC20"
+        | "DropERC721"
+        | "DropERC1155"
+        | "MarketplaceV3"
+        | undefined;
     }) => {
       const res = await apiServerProxy({
         body: JSON.stringify({
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/asset-header.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/asset-header.tsx
new file mode 100644
index 00000000000..bc4d22af8a4
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/asset-header.tsx
@@ -0,0 +1,30 @@
+import { TabPathLinks } from "@/components/ui/tabs";
+
+export function AssetsHeader(props: { teamSlug: string; projectSlug: string }) {
+  return (
+    <div>
+      <div className="container max-w-7xl pt-8 pb-4">
+        <h1 className="font-semibold text-2xl tracking-tight lg:text-3xl">
+          Tokens
+        </h1>
+        <p className="text-muted-foreground">
+          Create and manage tokens for your project
+        </p>
+      </div>
+
+      <TabPathLinks
+        scrollableClassName="container max-w-7xl"
+        links={[
+          {
+            name: "Tokens",
+            path: `/team/${props.teamSlug}/${props.projectSlug}/tokens`,
+          },
+          {
+            name: "NFT Marketplace",
+            path: `/team/${props.teamSlug}/${props.projectSlug}/tokens/marketplace`,
+          },
+        ]}
+      />
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/cards.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/cards.tsx
index a9d221899fd..9deaafcd225 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/cards.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/cards.tsx
@@ -5,7 +5,6 @@ import Link from "next/link";
 import { useState } from "react";
 import type { ThirdwebClient } from "thirdweb";
 import {
-  reportAssetCreationStarted,
   reportAssetImportStarted,
   reportAssetImportSuccessful,
 } from "@/analytics/report";
@@ -36,18 +35,13 @@ export function Cards(props: {
         projectSlug={props.projectSlug}
         teamId={props.teamId}
         teamSlug={props.teamSlug}
-        type="asset"
+        type="token"
       />
 
       <CardLink
         description="Launch your own ERC-20 coin"
         href={`/team/${props.teamSlug}/${props.projectSlug}/tokens/create/token`}
         icon={CoinsIcon}
-        onClick={() => {
-          reportAssetCreationStarted({
-            assetType: "coin",
-          });
-        }}
         title="Create Coin"
       />
 
@@ -55,11 +49,6 @@ export function Cards(props: {
         description="Launch your own NFT collection"
         href={`/team/${props.teamSlug}/${props.projectSlug}/tokens/create/nft`}
         icon={ImagesIcon}
-        onClick={() => {
-          reportAssetCreationStarted({
-            assetType: "nft",
-          });
-        }}
         title="Create NFT Collection"
       />
 
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/_common/storage-error-upsell.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/_common/storage-error-upsell.tsx
index bae8e63417d..9c8d52e424f 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/_common/storage-error-upsell.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/_common/storage-error-upsell.tsx
@@ -15,7 +15,7 @@ import { tryCatch } from "@/utils/try-catch";
 
 export function StorageErrorPlanUpsell(props: {
   teamSlug: string;
-  trackingCampaign: "create-coin" | "create-nft";
+  trackingCampaign: "create-coin" | "create-nft" | "create-marketplace";
   onRetry: () => void;
 }) {
   const [isPlanUpdated, setIsPlanUpdated] = useState(false);
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/cards.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/cards.tsx
new file mode 100644
index 00000000000..db157b893a2
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/cards.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { ArrowDownToLineIcon, StoreIcon } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import type { ThirdwebClient } from "thirdweb";
+import {
+  reportAssetImportStarted,
+  reportAssetImportSuccessful,
+} from "@/analytics/report";
+import { ImportModal } from "@/components/contracts/import-contract/modal";
+import { cn } from "@/lib/utils";
+
+export function Cards(props: {
+  teamSlug: string;
+  projectSlug: string;
+  client: ThirdwebClient;
+  teamId: string;
+  projectId: string;
+}) {
+  const [importModalOpen, setImportModalOpen] = useState(false);
+
+  return (
+    <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
+      <ImportModal
+        client={props.client}
+        isOpen={importModalOpen}
+        onClose={() => {
+          setImportModalOpen(false);
+        }}
+        onSuccess={() => {
+          reportAssetImportSuccessful();
+        }}
+        projectId={props.projectId}
+        projectSlug={props.projectSlug}
+        teamId={props.teamId}
+        teamSlug={props.teamSlug}
+        type="marketplace"
+      />
+
+      <CardLink
+        description="Launch your own marketplace to buy and sell NFTs"
+        href={`/team/${props.teamSlug}/${props.projectSlug}/tokens/marketplace/create`}
+        icon={StoreIcon}
+        title="Create Marketplace"
+      />
+
+      <CardLink
+        description="Import marketplace contract to your project"
+        href={undefined}
+        icon={ArrowDownToLineIcon}
+        onClick={() => {
+          reportAssetImportStarted();
+          setImportModalOpen(true);
+        }}
+        title="Import Marketplace"
+      />
+    </div>
+  );
+}
+
+function CardLink(props: {
+  title: string;
+  description: string;
+  href: string | undefined;
+  onClick?: () => void;
+  icon: React.FC<{ className?: string }>;
+}) {
+  const { onClick } = props;
+  const isClickable = !!onClick || !!props.href;
+
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: FIXME
+    <div
+      className={cn(
+        "relative flex flex-col rounded-lg border bg-card p-4",
+        isClickable && "cursor-pointer hover:border-active-border ",
+      )}
+      onClick={onClick}
+      onKeyDown={(e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          onClick?.();
+        }
+      }}
+      role={onClick ? "button" : undefined}
+      tabIndex={onClick ? 0 : undefined}
+    >
+      <div className="mb-4 flex">
+        <div className="flex items-center justify-center rounded-full border p-2.5">
+          <props.icon className="size-5 text-muted-foreground" />
+        </div>
+      </div>
+
+      <h3 className="mb-0.5 font-semibold text-lg tracking-tight">
+        {props.href ? (
+          <Link className="before:absolute before:inset-0" href={props.href}>
+            {props.title}
+          </Link>
+        ) : (
+          <span>{props.title}</span>
+        )}
+      </h3>
+      <p className="text-muted-foreground text-sm">{props.description}</p>
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/create-marketplace-page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/create-marketplace-page.tsx
new file mode 100644
index 00000000000..395585c5f9f
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/create-marketplace-page.tsx
@@ -0,0 +1,483 @@
+"use client";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import { ArrowRightIcon, ArrowUpFromLineIcon } from "lucide-react";
+import Link from "next/link";
+import { useId, useState } from "react";
+import { useForm } from "react-hook-form";
+import { defineChain, type ThirdwebClient } from "thirdweb";
+import { deployMarketplaceContract } from "thirdweb/deploys";
+import {
+  useActiveAccount,
+  useActiveWallet,
+  useActiveWalletChain,
+} from "thirdweb/react";
+import * as z from "zod";
+import {
+  reportMarketCreationFailed,
+  reportMarketCreationSuccessful,
+} from "@/analytics/report";
+import type { Team } from "@/api/team";
+import { ClientOnly } from "@/components/blocks/client-only";
+import { FileInput } from "@/components/blocks/FileInput";
+import { FormFieldSetup } from "@/components/blocks/FormFieldSetup";
+import { GatedSwitch } from "@/components/blocks/GatedSwitch";
+import {
+  type MultiStepState,
+  MultiStepStatus,
+} from "@/components/blocks/multi-step-status/multi-step-status";
+import { SingleNetworkSelector } from "@/components/blocks/NetworkSelectors";
+import { TransactionButton } from "@/components/tx-button";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Form } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  DEFAULT_FEE_BPS_NEW,
+  DEFAULT_FEE_RECIPIENT,
+} from "@/constants/addresses";
+import { useAllChainsData } from "@/hooks/chains/allChains";
+import { useAddContractToProject } from "@/hooks/project-contracts";
+import { parseError } from "@/utils/errorParser";
+import { StorageErrorPlanUpsell } from "../../create/_common/storage-error-upsell";
+
+type StepId = "deploy-contract";
+
+const marketplaceInfoFormSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  description: z.string().optional(),
+  chain: z.string().min(1, "Chain is required"),
+  image: z.instanceof(File).optional(),
+});
+
+type MarketplaceInfoFormValues = z.infer<typeof marketplaceInfoFormSchema>;
+
+function CreateMarketplacePageUI(props: {
+  teamSlug: string;
+  projectSlug: string;
+  client: ThirdwebClient;
+  teamPlan: Team["billingPlan"];
+  deployContract: (params: {
+    values: MarketplaceInfoFormValues;
+    gasless: boolean;
+  }) => Promise<string>;
+}) {
+  const activeWalletChain = useActiveWalletChain();
+  const [steps, setSteps] = useState<MultiStepState<StepId>[]>([]);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [contractLink, setContractLink] = useState<string | null>(null);
+
+  // TODO: enable later when bundler changes are done
+  const canEnableGasless = false; //props.teamPlan !== "free" && activeWallet?.id === "inApp";
+  const [isGasless, setIsGasless] = useState(canEnableGasless);
+  const showGaslessSection = false; // activeWallet?.id === "inApp";
+
+  const form = useForm<MarketplaceInfoFormValues>({
+    resolver: zodResolver(marketplaceInfoFormSchema),
+    defaultValues: {
+      chain: activeWalletChain?.id.toString() || "1",
+      description: "",
+      image: undefined,
+      name: "",
+    },
+  });
+
+  async function handleSubmit() {
+    const initialSteps: MultiStepState<StepId>[] = [
+      {
+        id: "deploy-contract",
+        label: "Deploy contract",
+        status: { type: "idle" },
+      },
+    ];
+
+    setSteps(initialSteps);
+    setIsModalOpen(true);
+    executeStep(isGasless);
+  }
+
+  const isComplete = steps.every((step) => step.status.type === "completed");
+  const isPending = steps.some((step) => step.status.type === "pending");
+
+  function updateStatus(
+    index: number,
+    newStatus: MultiStepState<StepId>["status"],
+  ) {
+    setSteps((prev) => {
+      return [
+        ...prev.slice(0, index),
+        { ...prev[index], status: newStatus },
+        ...prev.slice(index + 1),
+      ] as MultiStepState<StepId>[];
+    });
+  }
+
+  async function executeStep(gasless: boolean) {
+    const index = 0;
+    try {
+      updateStatus(0, {
+        type: "pending",
+      });
+
+      const contractAddress = await props.deployContract({
+        gasless,
+        values: form.getValues(),
+      });
+      setContractLink(
+        `/team/${props.teamSlug}/${props.projectSlug}/contract/${form.getValues().chain}/${contractAddress}`,
+      );
+
+      reportMarketCreationSuccessful();
+
+      updateStatus(index, {
+        type: "completed",
+      });
+    } catch (error) {
+      const errorMessage = parseError(error);
+
+      reportMarketCreationFailed({
+        error: errorMessage,
+      });
+
+      updateStatus(index, {
+        message: errorMessage,
+        type: "error",
+      });
+
+      throw error;
+    }
+  }
+
+  const nameId = useId();
+  const descriptionId = useId();
+
+  return (
+    <>
+      <Form {...form}>
+        <form onSubmit={form.handleSubmit(handleSubmit)}>
+          <div className="rounded-lg border bg-card">
+            {/* info */}
+            <div className="flex flex-col gap-6 px-4 py-6 md:grid md:grid-cols-[280px_1fr] md:px-6">
+              {/* left - image */}
+              <FormFieldSetup
+                errorMessage={form.formState.errors.image?.message as string}
+                isRequired={false}
+                label="Image"
+              >
+                <FileInput
+                  accept={{ "image/*": [] }}
+                  className="rounded-lg border-border bg-background transition-all duration-200 hover:border-active-border hover:bg-background"
+                  client={props.client}
+                  setValue={(file) =>
+                    form.setValue("image", file, {
+                      shouldTouch: true,
+                    })
+                  }
+                  value={form.watch("image")}
+                />
+              </FormFieldSetup>
+
+              {/* right */}
+              <div className="flex flex-col gap-6">
+                {/* name  */}
+                <FormFieldSetup
+                  errorMessage={form.formState.errors.name?.message}
+                  htmlFor={nameId}
+                  isRequired
+                  label="Name"
+                >
+                  <Input
+                    id={nameId}
+                    placeholder="My Marketplace"
+                    {...form.register("name")}
+                  />
+                </FormFieldSetup>
+
+                {/* chain */}
+                <FormFieldSetup
+                  errorMessage={form.formState.errors.chain?.message}
+                  htmlFor="chain"
+                  isRequired
+                  label="Chain"
+                >
+                  <ClientOnly ssr={null}>
+                    <SingleNetworkSelector
+                      chainId={Number(form.watch("chain"))}
+                      disableDeprecated
+                      className="bg-background"
+                      client={props.client}
+                      disableChainId
+                      onChange={(chain) => {
+                        form.setValue("chain", chain.toString());
+                      }}
+                    />
+                  </ClientOnly>
+                </FormFieldSetup>
+
+                <FormFieldSetup
+                  className="flex grow flex-col"
+                  errorMessage={form.formState.errors.description?.message}
+                  htmlFor={descriptionId}
+                  isRequired={false}
+                  label="Description"
+                >
+                  <Textarea
+                    className="grow"
+                    id={descriptionId}
+                    placeholder="Describe your marketplace"
+                    {...form.register("description")}
+                  />
+                </FormFieldSetup>
+              </div>
+            </div>
+
+            {/* gasless */}
+            {showGaslessSection && (
+              <div className="px-4 py-6 pb-6 md:px-6 border-t border-dashed">
+                <div className="flex items-center justify-between">
+                  <div>
+                    <h2 className="font-semibold text-base">Sponsor Gas</h2>
+                    <p className="text-muted-foreground text-sm">
+                      Sponsor gas fees for launching your marketplace. <br />{" "}
+                      This allows you to launch the marketplace without
+                      requiring any balance in your wallet
+                    </p>
+                  </div>
+                  <GatedSwitch
+                    currentPlan={props.teamPlan}
+                    requiredPlan="starter"
+                    switchProps={{
+                      checked: isGasless,
+                      onCheckedChange: setIsGasless,
+                    }}
+                    teamSlug={props.teamSlug}
+                  />
+                </div>
+              </div>
+            )}
+
+            {/* footer */}
+            <div className="flex justify-end gap-3 border-t border-dashed p-6">
+              <TransactionButton
+                client={props.client}
+                disableNoFundsPopup={isGasless}
+                isLoggedIn={true}
+                isPending={false}
+                type="submit"
+                transactionCount={undefined}
+                txChainID={Number(form.watch("chain"))}
+                variant="default"
+              >
+                <ArrowUpFromLineIcon className="size-4" />
+                Create Marketplace
+              </TransactionButton>
+            </div>
+          </div>
+        </form>
+      </Form>
+
+      <StatusDialog
+        open={isModalOpen}
+        handleRetry={(gasless) => {
+          executeStep(gasless);
+        }}
+        teamPlan={props.teamPlan}
+        teamSlug={props.teamSlug}
+        chain={form.watch("chain")}
+        setIsGasless={setIsGasless}
+        isComplete={isComplete}
+        contractLink={contractLink}
+        steps={steps}
+        isPending={isPending}
+        setIsModalOpen={setIsModalOpen}
+        setSteps={setSteps}
+        isGasless={isGasless}
+      />
+    </>
+  );
+}
+
+function StatusDialog(props: {
+  open: boolean;
+  handleRetry: (isGasless: boolean) => void;
+  teamPlan: Team["billingPlan"];
+  teamSlug: string;
+  chain: string;
+  setIsGasless: (isGasless: boolean) => void;
+  isComplete: boolean;
+  contractLink: string | null;
+  steps: MultiStepState<StepId>[];
+  isPending: boolean;
+  setIsModalOpen: (open: boolean) => void;
+  setSteps: (steps: MultiStepState<StepId>[]) => void;
+  isGasless: boolean;
+}) {
+  const activeWallet = useActiveWallet();
+  const walletRequiresApproval = activeWallet?.id !== "inApp";
+
+  const { idToChain } = useAllChainsData();
+  const chainMetadata = idToChain.get(Number(props.chain));
+
+  return (
+    <Dialog open={props.open}>
+      <DialogContent
+        className="gap-0 overflow-hidden p-0 md:max-w-[480px]"
+        dialogCloseClassName="hidden"
+      >
+        <div className="flex flex-col gap-6 p-6">
+          <DialogHeader className="space-y-0.5">
+            <DialogTitle className="font-semibold text-xl tracking-tight">
+              Status
+            </DialogTitle>
+            {walletRequiresApproval && (
+              <DialogDescription>
+                You will be prompted to sign a transaction in your wallet
+              </DialogDescription>
+            )}
+          </DialogHeader>
+
+          <MultiStepStatus
+            onRetry={() => {
+              props.handleRetry(props.isGasless);
+            }}
+            renderError={(_step, errorMessage) => {
+              if (
+                props.teamPlan === "free" &&
+                errorMessage.toLowerCase().includes("storage limit")
+              ) {
+                return (
+                  <StorageErrorPlanUpsell
+                    onRetry={() => {
+                      props.handleRetry(props.isGasless);
+                    }}
+                    teamSlug={props.teamSlug}
+                    trackingCampaign="create-marketplace"
+                  />
+                );
+              }
+
+              if (
+                errorMessage.toLowerCase().includes("does not support eip-7702")
+              ) {
+                return (
+                  <div>
+                    <p className="text-red-500 text-sm mb-2">
+                      Gas Sponsorship is not supported on{" "}
+                      {chainMetadata?.name || "selected chain"}
+                    </p>
+
+                    <Button
+                      size="sm"
+                      className="gap-2"
+                      onClick={() => {
+                        props.setIsGasless(false);
+                        props.handleRetry(false);
+                      }}
+                    >
+                      Continue without gas sponsorship
+                      <ArrowRightIcon className="size-4" />
+                    </Button>
+                  </div>
+                );
+              }
+
+              return null;
+            }}
+            steps={props.steps}
+          />
+        </div>
+
+        <div className="mt-2 flex justify-between gap-4 border-border border-t bg-card p-6">
+          {props.isComplete && props.contractLink ? (
+            <div>
+              <Button asChild className="gap-2">
+                <Link href={props.contractLink}>
+                  View Marketplace <ArrowRightIcon className="size-4" />
+                </Link>
+              </Button>
+            </div>
+          ) : (
+            <div />
+          )}
+
+          <Button
+            disabled={props.isPending}
+            onClick={() => {
+              props.setIsModalOpen(false);
+              // reset steps
+              props.setSteps([]);
+            }}
+            variant="outline"
+          >
+            {props.isComplete ? "Close" : "Cancel"}
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export function CreateMarketplacePage(props: {
+  client: ThirdwebClient;
+  teamSlug: string;
+  projectSlug: string;
+  teamPlan: Team["billingPlan"];
+  projectId: string;
+  teamId: string;
+}) {
+  const account = useActiveAccount();
+  const addContractToProject = useAddContractToProject();
+
+  async function handleDeployContract(params: {
+    values: MarketplaceInfoFormValues;
+    gasless: boolean;
+  }) {
+    if (!account) {
+      throw new Error("Wallet is not connected");
+    }
+
+    const contractAddress = await deployMarketplaceContract({
+      account,
+      // eslint-disable-next-line no-restricted-syntax
+      chain: defineChain(Number(params.values.chain)),
+      client: props.client,
+      params: {
+        name: params.values.name,
+        description: params.values.description,
+        image: params.values.image,
+        // thirdweb platform fee
+        platformFeeBps: DEFAULT_FEE_BPS_NEW,
+        platformFeeRecipient: DEFAULT_FEE_RECIPIENT,
+      },
+    });
+
+    // add contract to project in background
+    addContractToProject.mutateAsync({
+      chainId: params.values.chain,
+      contractAddress: contractAddress,
+      contractType: "MarketplaceV3",
+      deploymentType: "marketplace",
+      projectId: props.projectId,
+      teamId: props.teamId,
+    });
+
+    return contractAddress;
+  }
+
+  return (
+    <CreateMarketplacePageUI
+      teamSlug={props.teamSlug}
+      projectSlug={props.projectSlug}
+      client={props.client}
+      deployContract={handleDeployContract}
+      teamPlan={props.teamPlan}
+    />
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/page.tsx
new file mode 100644
index 00000000000..0930f69f62f
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/create/page.tsx
@@ -0,0 +1,130 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { getAuthToken, getAuthTokenWalletAddress } from "@/api/auth-token";
+import { getProject } from "@/api/projects";
+import { getTeamBySlug } from "@/api/team";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
+import { cn } from "@/lib/utils";
+import { loginRedirect } from "@/utils/redirects";
+import { CreateMarketplacePage } from "./create-marketplace-page";
+
+export default async function Page(props: {
+  params: Promise<{ team_slug: string; project_slug: string }>;
+}) {
+  const params = await props.params;
+
+  const [authToken, team, project, accountAddress] = await Promise.all([
+    getAuthToken(),
+    getTeamBySlug(params.team_slug),
+    getProject(params.team_slug, params.project_slug),
+    getAuthTokenWalletAddress(),
+  ]);
+
+  if (!authToken || !accountAddress) {
+    loginRedirect(
+      `/team/${params.team_slug}/${params.project_slug}/tokens/create/token`,
+    );
+  }
+
+  if (!team) {
+    redirect("/team");
+  }
+
+  if (!project) {
+    redirect(`/team/${params.team_slug}`);
+  }
+
+  const client = getClientThirdwebClient({
+    jwt: authToken,
+    teamId: team.id,
+  });
+
+  return (
+    <div className="flex grow flex-col">
+      <CreateMarketplacePageHeader
+        containerClassName="container max-w-5xl"
+        description="Launch a marketplace for your project to allow users to buy and sell NFTs"
+        projectSlug={params.project_slug}
+        teamSlug={params.team_slug}
+        title="Create Marketplace"
+      />
+      <div className="container max-w-5xl pt-8 pb-32">
+        <CreateMarketplacePage
+          client={client}
+          projectId={project.id}
+          teamId={team.id}
+          projectSlug={params.project_slug}
+          teamPlan={team.billingPlan}
+          teamSlug={params.team_slug}
+        />
+      </div>
+    </div>
+  );
+}
+
+export function CreateMarketplacePageHeader(props: {
+  teamSlug: string;
+  projectSlug: string;
+  title: string;
+  description: string;
+  containerClassName: string;
+}) {
+  return (
+    <div className="border-b">
+      <div className="border-b border-dashed py-3">
+        <Breadcrumb className={props.containerClassName}>
+          <BreadcrumbList>
+            <BreadcrumbItem>
+              <BreadcrumbLink asChild>
+                <Link
+                  href={`/team/${props.teamSlug}/${props.projectSlug}/tokens`}
+                >
+                  Tokens
+                </Link>
+              </BreadcrumbLink>
+            </BreadcrumbItem>
+
+            <BreadcrumbSeparator />
+
+            <BreadcrumbItem>
+              <BreadcrumbLink asChild>
+                <Link
+                  href={`/team/${props.teamSlug}/${props.projectSlug}/tokens/marketplace`}
+                >
+                  NFT Marketplace
+                </Link>
+              </BreadcrumbLink>
+            </BreadcrumbItem>
+
+            <BreadcrumbSeparator />
+            <BreadcrumbItem>
+              <BreadcrumbPage>{props.title}</BreadcrumbPage>
+            </BreadcrumbItem>
+          </BreadcrumbList>
+        </Breadcrumb>
+      </div>
+
+      <div
+        className={cn(
+          "flex flex-col gap-3 py-8 lg:flex-row lg:items-center lg:justify-between",
+          props.containerClassName,
+        )}
+      >
+        <div>
+          <h1 className="font-semibold text-2xl tracking-tight lg:text-3xl">
+            {props.title}
+          </h1>
+          <p className="text-muted-foreground">{props.description}</p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/page.tsx
new file mode 100644
index 00000000000..43086de0cc2
--- /dev/null
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/marketplace/page.tsx
@@ -0,0 +1,136 @@
+import { redirect } from "next/navigation";
+import { Suspense } from "react";
+import type { ThirdwebClient } from "thirdweb";
+import { getAuthToken } from "@/api/auth-token";
+import { getProject } from "@/api/projects";
+import { getTeamBySlug } from "@/api/team";
+import { ClientOnly } from "@/components/blocks/client-only";
+import { GenericLoadingPage } from "@/components/blocks/skeletons/GenericLoadingPage";
+import { ContractTable } from "@/components/contract-components/tables/contract-table";
+import { UnderlineLink } from "@/components/ui/UnderlineLink";
+import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
+import { loginRedirect } from "@/utils/redirects";
+import { getSortedDeployedContracts } from "../../../../../../account/contracts/_components/getSortedDeployedContracts";
+import { AssetsHeader } from "../asset-header";
+import { Cards } from "./cards";
+
+export default async function Page(props: {
+  params: Promise<{ team_slug: string; project_slug: string }>;
+}) {
+  const params = await props.params;
+
+  const [authToken, team, project] = await Promise.all([
+    getAuthToken(),
+    getTeamBySlug(params.team_slug),
+    getProject(params.team_slug, params.project_slug),
+  ]);
+
+  if (!authToken) {
+    loginRedirect(
+      `/team/${params.team_slug}/${params.project_slug}/marketplace`,
+    );
+  }
+
+  if (!team) {
+    redirect("/team");
+  }
+
+  if (!project) {
+    redirect(`/team/${params.team_slug}`);
+  }
+
+  const client = getClientThirdwebClient({
+    jwt: authToken,
+    teamId: team.id,
+  });
+
+  return (
+    <div className="flex grow flex-col">
+      <AssetsHeader
+        teamSlug={params.team_slug}
+        projectSlug={params.project_slug}
+      />
+      <div className="h-8" />
+      <Header />
+      <div className="h-4" />
+      <div className="container max-w-7xl pb-20">
+        <Cards
+          client={client}
+          projectId={project.id}
+          projectSlug={params.project_slug}
+          teamId={team.id}
+          teamSlug={params.team_slug}
+        />
+
+        <div className="mt-10 mb-3">
+          <h2 className="font-semibold text-xl tracking-tight">
+            Your Marketplaces
+          </h2>
+          <p className="text-muted-foreground">
+            List of all marketplaces created or imported into this project
+          </p>
+        </div>
+
+        <Suspense fallback={<GenericLoadingPage />}>
+          <PageAsync
+            authToken={authToken}
+            client={client}
+            projectId={project.id}
+            projectSlug={params.project_slug}
+            teamId={team.id}
+            teamSlug={params.team_slug}
+          />
+        </Suspense>
+      </div>
+    </div>
+  );
+}
+
+function Header() {
+  return (
+    <div className="container max-w-7xl">
+      <h1 className="font-semibold text-2xl tracking-tight">NFT Marketplace</h1>
+      <p className="text-muted-foreground">
+        Create marketplaces to buy and sell the NFTs in your project.{" "}
+        <UnderlineLink
+          href="https://portal.thirdweb.com/tokens/explore/pre-built-contracts/marketplace"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn more about marketplace
+        </UnderlineLink>
+      </p>
+    </div>
+  );
+}
+
+async function PageAsync(props: {
+  teamId: string;
+  projectId: string;
+  authToken: string;
+  client: ThirdwebClient;
+  teamSlug: string;
+  projectSlug: string;
+}) {
+  const deployedContracts = await getSortedDeployedContracts({
+    authToken: props.authToken,
+    deploymentType: "marketplace",
+    projectId: props.projectId,
+    teamId: props.teamId,
+  });
+
+  return (
+    <ClientOnly ssr={<GenericLoadingPage />}>
+      <ContractTable
+        client={props.client}
+        contracts={deployedContracts}
+        pageSize={10}
+        projectId={props.projectId}
+        projectSlug={props.projectSlug}
+        teamId={props.teamId}
+        teamSlug={props.teamSlug}
+        variant="marketplace"
+      />
+    </ClientOnly>
+  );
+}
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/page.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/page.tsx
index 45c9b5022c5..d10fb2ba903 100644
--- a/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/page.tsx
+++ b/apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/page.tsx
@@ -10,6 +10,7 @@ import { ContractTable } from "@/components/contract-components/tables/contract-
 import { getClientThirdwebClient } from "@/constants/thirdweb-client.client";
 import { loginRedirect } from "@/utils/redirects";
 import { getSortedDeployedContracts } from "../../../../../account/contracts/_components/getSortedDeployedContracts";
+import { AssetsHeader } from "./asset-header";
 import { Cards } from "./cards";
 
 export default async function Page(props: {
@@ -42,7 +43,10 @@ export default async function Page(props: {
 
   return (
     <div className="flex grow flex-col">
-      <AssetsHeader />
+      <AssetsHeader
+        teamSlug={params.team_slug}
+        projectSlug={params.project_slug}
+      />
       <div className="container max-w-7xl pt-8 pb-20">
         <Cards
           client={client}
@@ -74,21 +78,6 @@ export default async function Page(props: {
   );
 }
 
-function AssetsHeader() {
-  return (
-    <div className="border-b">
-      <div className="container max-w-7xl py-10">
-        <h1 className="font-semibold text-2xl tracking-tight lg:text-3xl">
-          Tokens
-        </h1>
-        <p className="text-muted-foreground">
-          Create and manage tokens for your project
-        </p>
-      </div>
-    </div>
-  );
-}
-
 async function AssetsPageAsync(props: {
   teamId: string;
   projectId: string;
@@ -114,7 +103,7 @@ async function AssetsPageAsync(props: {
         projectSlug={props.projectSlug}
         teamId={props.teamId}
         teamSlug={props.teamSlug}
-        variant="asset"
+        variant="token"
       />
     </ClientOnly>
   );