diff --git a/.changeset/calm-llamas-pretend.md b/.changeset/calm-llamas-pretend.md
new file mode 100644
index 00000000000..78696a28ae9
--- /dev/null
+++ b/.changeset/calm-llamas-pretend.md
@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Add NFT extension: updateTokenURI
diff --git a/apps/dashboard/src/contract-ui/tabs/listings/components/list-form.tsx b/apps/dashboard/src/contract-ui/tabs/listings/components/list-form.tsx
index 579db60422d..28e40289f20 100644
--- a/apps/dashboard/src/contract-ui/tabs/listings/components/list-form.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/listings/components/list-form.tsx
@@ -58,7 +58,7 @@ interface ListForm
   quantity: string;
 }
 
-type NFTMintForm = {
+type CreateListingsFormProps = {
   contract: ThirdwebContract;
   formId: string;
   type?: "direct-listings" | "english-auctions";
@@ -80,7 +80,7 @@ const auctionTimes = [
   { label: "1 year", value: 60 * 60 * 24 * 365 },
 ];
 
-export const CreateListingsForm: React.FC<NFTMintForm> = ({
+export const CreateListingsForm: React.FC<CreateListingsFormProps> = ({
   contract,
   formId,
   type,
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-button.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-button.tsx
index 36d2ae6d4ea..048f43ff8b0 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-button.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-button.tsx
@@ -1,36 +1,21 @@
 import { MinterOnly } from "@3rdweb-sdk/react/components/roles/minter-only";
 import { Icon, useDisclosure } from "@chakra-ui/react";
-import { type useContract, useLazyMint } from "@thirdweb-dev/react";
-import { thirdwebClient } from "lib/thirdweb-client";
-import { useV5DashboardChain } from "lib/v5-adapter";
 import { FiPlus } from "react-icons/fi";
-import { getContract } from "thirdweb";
+import type { ThirdwebContract } from "thirdweb";
 import { Button, Drawer } from "tw-components";
-import { NFTMintForm } from "./mint-form";
+import { LazyMintNftForm } from "./lazy-mint-form";
 
 interface NFTLazyMintButtonProps {
-  contractQuery: ReturnType<typeof useContract>;
+  contract: ThirdwebContract;
+  isErc721: boolean;
 }
 
 export const NFTLazyMintButton: React.FC<NFTLazyMintButtonProps> = ({
-  contractQuery,
+  contract,
+  isErc721,
   ...restButtonProps
 }) => {
-  const contractV4 = contractQuery.contract;
-  const chain = useV5DashboardChain(contractV4?.chainId);
-  const contract =
-    contractV4 && chain
-      ? getContract({
-          address: contractV4.getAddress(),
-          chain: chain,
-          client: thirdwebClient,
-        })
-      : null;
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const mutation = useLazyMint(contractV4);
-  if (!contract) {
-    return null;
-  }
   return (
     <MinterOnly contract={contract}>
       <Drawer
@@ -40,7 +25,7 @@ export const NFTLazyMintButton: React.FC<NFTLazyMintButtonProps> = ({
         onClose={onClose}
         isOpen={isOpen}
       >
-        <NFTMintForm contract={contractV4} lazyMintMutation={mutation} />
+        <LazyMintNftForm contract={contract} isErc721={isErc721} />
       </Drawer>
       <Button
         colorScheme="primary"
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-form.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-form.tsx
new file mode 100644
index 00000000000..fc0f08f4f2b
--- /dev/null
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/lazy-mint-form.tsx
@@ -0,0 +1,347 @@
+import {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Box,
+  Divider,
+  DrawerBody,
+  DrawerFooter,
+  DrawerHeader,
+  FormControl,
+  Input,
+  Stack,
+  Textarea,
+  useModalContext,
+} from "@chakra-ui/react";
+import { OpenSeaPropertyBadge } from "components/badges/opensea";
+import { TransactionButton } from "components/buttons/TransactionButton";
+import { PropertiesFormControl } from "components/contract-pages/forms/properties.shared";
+import { FileInput } from "components/shared/FileInput";
+import { useTrack } from "hooks/analytics/useTrack";
+import { useImageFileOrUrl } from "hooks/useImageFileOrUrl";
+import { useTxNotifications } from "hooks/useTxNotifications";
+import { useForm } from "react-hook-form";
+import type { ThirdwebContract } from "thirdweb";
+import { lazyMint as lazyMint721 } from "thirdweb/extensions/erc721";
+import { lazyMint as lazyMint1155 } from "thirdweb/extensions/erc1155";
+import { useActiveAccount, useSendAndConfirmTransaction } from "thirdweb/react";
+import {
+  Button,
+  FormErrorMessage,
+  FormHelperText,
+  FormLabel,
+  Heading,
+} from "tw-components";
+import type { NFTMetadataInputLimited } from "types/modified-types";
+import { parseAttributes } from "utils/parseAttributes";
+
+const LAZY_MINT_FORM_ID = "nft-lazy-mint-form";
+
+type LazyMintNftFormParams = {
+  contract: ThirdwebContract;
+  isErc721: boolean;
+};
+
+export const LazyMintNftForm: React.FC<LazyMintNftFormParams> = ({
+  contract,
+  isErc721,
+}) => {
+  const trackEvent = useTrack();
+  const address = useActiveAccount()?.address;
+  const { mutate, isPending } = useSendAndConfirmTransaction();
+
+  const {
+    setValue,
+    control,
+    register,
+    watch,
+    handleSubmit,
+    formState: { errors, isDirty },
+  } = useForm<
+    NFTMetadataInputLimited & {
+      supply: number;
+      customImage: string;
+      customAnimationUrl: string;
+    }
+  >();
+
+  const modalContext = useModalContext();
+  const { onSuccess, onError } = useTxNotifications(
+    "NFT Lazy minted successfully",
+    "Failed to lazy mint NFT",
+    contract,
+  );
+
+  const setFile = (file: File) => {
+    if (file.type.includes("image")) {
+      // image files
+      setValue("image", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    } else if (
+      ["audio", "video", "text/html", "model/*"].some((type: string) =>
+        file.type.includes(type),
+      ) ||
+      file.name?.endsWith(".glb") ||
+      file.name?.endsWith(".usdz") ||
+      file.name?.endsWith(".gltf") ||
+      file.name.endsWith(".obj")
+    ) {
+      // audio, video, html, and glb (3d) files
+      setValue("animation_url", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+    } else if (
+      ["text", "application/pdf"].some((type: string) =>
+        file.type?.includes(type),
+      )
+    ) {
+      // text and pdf files
+      setValue("external_url", file);
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    }
+  };
+
+  const imageUrl = useImageFileOrUrl(watch("image") as File | string);
+  const mediaFileUrl =
+    watch("animation_url") instanceof File
+      ? watch("animation_url")
+      : watch("external_url") instanceof File
+        ? watch("external_url")
+        : watch("image") instanceof File
+          ? imageUrl
+          : undefined;
+
+  const mediaFileError =
+    watch("animation_url") instanceof File
+      ? errors?.animation_url
+      : watch("external_url") instanceof File
+        ? errors?.external_url
+        : watch("image") instanceof File
+          ? errors?.image
+          : undefined;
+
+  const externalUrl = watch("external_url");
+  const externalIsTextFile =
+    externalUrl instanceof File &&
+    (externalUrl.type.includes("text") || externalUrl.type.includes("pdf"));
+
+  const showCoverImageUpload =
+    watch("animation_url") instanceof File ||
+    watch("external_url") instanceof File;
+
+  return (
+    <>
+      <DrawerHeader>
+        <Heading>"Mint NFT"</Heading>
+      </DrawerHeader>
+      <DrawerBody>
+        <Stack
+          spacing={6}
+          as="form"
+          id={LAZY_MINT_FORM_ID}
+          onSubmit={handleSubmit((data) => {
+            if (!address) {
+              onError("Please connect your wallet to mint.");
+              return;
+            }
+
+            const dataWithCustom = {
+              ...data,
+              image: data.image || data.customImage,
+              animation_url: data.animation_url || data.customAnimationUrl,
+            };
+
+            trackEvent({
+              category: "nft",
+              action: "lazy-mint",
+              label: "attempt",
+            });
+            const nfts = [parseAttributes(dataWithCustom)];
+            const transaction = isErc721
+              ? lazyMint721({ contract, nfts })
+              : lazyMint1155({ contract, nfts });
+            mutate(transaction, {
+              onSuccess: () => {
+                trackEvent({
+                  category: "nft",
+                  action: "lazy-mint",
+                  label: "success",
+                });
+                onSuccess();
+                modalContext.onClose();
+              },
+              onError: (error) => {
+                trackEvent({
+                  category: "nft",
+                  action: "lazy-mint",
+                  label: "error",
+                  error,
+                });
+                onError(error);
+              },
+            });
+          })}
+        >
+          <Stack>
+            <Heading size="subtitle.md">Metadata</Heading>
+            <Divider />
+          </Stack>
+          <FormControl isRequired isInvalid={!!errors.name}>
+            <FormLabel>Name</FormLabel>
+            <Input autoFocus {...register("name")} />
+            <FormErrorMessage>{errors?.name?.message}</FormErrorMessage>
+          </FormControl>
+          <FormControl isInvalid={!!mediaFileError}>
+            <FormLabel>Media</FormLabel>
+            <Box>
+              <FileInput
+                previewMaxWidth="200px"
+                value={mediaFileUrl as File | string}
+                showUploadButton
+                showPreview={true}
+                setValue={setFile}
+                className="border border-border rounded transition-all duration-200"
+                selectOrUpload="Upload"
+                helperText={"Media"}
+              />
+            </Box>
+            <FormHelperText>
+              You can upload image, audio, video, html, text, pdf, and 3d model
+              files here.
+            </FormHelperText>
+            <FormErrorMessage>
+              {mediaFileError?.message as unknown as string}
+            </FormErrorMessage>
+          </FormControl>
+          {showCoverImageUpload && (
+            <FormControl isInvalid={!!errors.image}>
+              <FormLabel>Cover Image</FormLabel>
+              <FileInput
+                previewMaxWidth="200px"
+                accept={{ "image/*": [] }}
+                value={imageUrl}
+                showUploadButton
+                setValue={(file) => setValue("image", file)}
+                className="border border-border rounded transition-all"
+              />
+              <FormHelperText>
+                You can optionally upload an image as the cover of your NFT.
+              </FormHelperText>
+              <FormErrorMessage>
+                {errors?.image?.message as unknown as string}
+              </FormErrorMessage>
+            </FormControl>
+          )}
+          <FormControl isInvalid={!!errors.description}>
+            <FormLabel>Description</FormLabel>
+            <Textarea {...register("description")} />
+            <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
+          </FormControl>
+          <PropertiesFormControl
+            watch={watch}
+            // biome-ignore lint/suspicious/noExplicitAny: FIXME
+            errors={errors as any}
+            control={control}
+            register={register}
+            setValue={setValue}
+          />
+          <Accordion
+            allowToggle={!(errors.background_color || errors.external_url)}
+            index={
+              errors.background_color || errors.external_url ? [0] : undefined
+            }
+          >
+            <AccordionItem>
+              <AccordionButton px={0} justifyContent="space-between">
+                <Heading size="subtitle.md">Advanced Options</Heading>
+                <AccordionIcon />
+              </AccordionButton>
+              <AccordionPanel px={0} as={Stack} spacing={6}>
+                <FormControl isInvalid={!!errors.background_color}>
+                  <FormLabel>
+                    Background Color <OpenSeaPropertyBadge />
+                  </FormLabel>
+                  <Input max="6" {...register("background_color")} />
+                  <FormHelperText>
+                    Must be a six-character hexadecimal with a pre-pended #.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.background_color?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                {!externalIsTextFile && (
+                  <FormControl isInvalid={!!errors.external_url}>
+                    <FormLabel>
+                      External URL <OpenSeaPropertyBadge />
+                    </FormLabel>
+                    <Input {...register("external_url")} />
+                    <FormHelperText>
+                      This is the URL that will appear below the asset&apos;s
+                      image on OpenSea and will allow users to leave OpenSea and
+                      view the item on your site.
+                    </FormHelperText>
+                    <FormErrorMessage>
+                      {errors?.external_url?.message as unknown as string}
+                    </FormErrorMessage>
+                  </FormControl>
+                )}
+                <FormControl isInvalid={!!errors.customImage}>
+                  <FormLabel>Image URL</FormLabel>
+                  <Input max="6" {...register("customImage")} />
+                  <FormHelperText>
+                    If you already have your NFT image preuploaded, you can set
+                    the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customImage?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                <FormControl isInvalid={!!errors.customAnimationUrl}>
+                  <FormLabel>Animation URL</FormLabel>
+                  <Input max="6" {...register("customAnimationUrl")} />
+                  <FormHelperText>
+                    If you already have your NFT Animation URL preuploaded, you
+                    can set the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customAnimationUrl?.message}
+                  </FormErrorMessage>
+                </FormControl>
+              </AccordionPanel>
+            </AccordionItem>
+          </Accordion>
+        </Stack>
+      </DrawerBody>
+      <DrawerFooter>
+        <Button
+          isDisabled={isPending}
+          variant="outline"
+          mr={3}
+          onClick={modalContext.onClose}
+        >
+          Cancel
+        </Button>
+        <TransactionButton
+          transactionCount={1}
+          isLoading={isPending || false}
+          form={LAZY_MINT_FORM_ID}
+          type="submit"
+          colorScheme="primary"
+          isDisabled={!isDirty}
+        >
+          Lazy Mint NFT
+        </TransactionButton>
+      </DrawerFooter>
+    </>
+  );
+};
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-button.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-button.tsx
index 20c7fde7f21..b716a944f49 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-button.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-button.tsx
@@ -1,36 +1,21 @@
 import { MinterOnly } from "@3rdweb-sdk/react/components/roles/minter-only";
 import { Icon, useDisclosure } from "@chakra-ui/react";
-import { type useContract, useMintNFT } from "@thirdweb-dev/react";
-import { thirdwebClient } from "lib/thirdweb-client";
-import { useV5DashboardChain } from "lib/v5-adapter";
 import { FiPlus } from "react-icons/fi";
-import { getContract } from "thirdweb";
+import type { ThirdwebContract } from "thirdweb";
 import { Button, Drawer } from "tw-components";
 import { NFTMintForm } from "./mint-form";
 
 interface NFTMintButtonProps {
-  contractQuery: ReturnType<typeof useContract>;
+  contract: ThirdwebContract;
+  isErc721: boolean;
 }
 
 export const NFTMintButton: React.FC<NFTMintButtonProps> = ({
-  contractQuery,
+  contract,
+  isErc721,
   ...restButtonProps
 }) => {
-  const contractV4 = contractQuery.contract;
-  const chain = useV5DashboardChain(contractV4?.chainId);
-  const contract =
-    contractV4 && chain
-      ? getContract({
-          address: contractV4.getAddress(),
-          chain: chain,
-          client: thirdwebClient,
-        })
-      : null;
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const mutation = useMintNFT(contractV4);
-  if (!contract) {
-    return null;
-  }
   return (
     <MinterOnly contract={contract}>
       <Drawer
@@ -40,7 +25,7 @@ export const NFTMintButton: React.FC<NFTMintButtonProps> = ({
         onClose={onClose}
         isOpen={isOpen}
       >
-        <NFTMintForm contract={contractV4} mintMutation={mutation} />
+        <NFTMintForm contract={contract} isErc721={isErc721} />
       </Drawer>
       <Button
         colorScheme="primary"
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-form.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-form.tsx
index 4e20ae94f23..27d54b4baa0 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-form.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/mint-form.tsx
@@ -9,35 +9,24 @@ import {
   DrawerBody,
   DrawerFooter,
   DrawerHeader,
-  Flex,
   FormControl,
   Input,
   Stack,
   Textarea,
   useModalContext,
 } from "@chakra-ui/react";
-import type { UseMutationResult } from "@tanstack/react-query";
-import type {
-  NFTContract,
-  useMintNFT,
-  useSetSharedMetadata,
-  useUpdateNFTMetadata,
-} from "@thirdweb-dev/react";
 import { OpenSeaPropertyBadge } from "components/badges/opensea";
 import { TransactionButton } from "components/buttons/TransactionButton";
-import { detectFeatures } from "components/contract-components/utils";
 import { PropertiesFormControl } from "components/contract-pages/forms/properties.shared";
 import { FileInput } from "components/shared/FileInput";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useImageFileOrUrl } from "hooks/useImageFileOrUrl";
 import { useTxNotifications } from "hooks/useTxNotifications";
-import { thirdwebClient } from "lib/thirdweb-client";
-import { useV5DashboardChain } from "lib/v5-adapter";
-import { useMemo } from "react";
 import { useForm } from "react-hook-form";
-import { type NFT, getContract } from "thirdweb";
-import { useActiveAccount } from "thirdweb/react";
-import type { NFTInput } from "thirdweb/utils";
+import type { ThirdwebContract } from "thirdweb";
+import { mintTo as erc721MintTo } from "thirdweb/extensions/erc721";
+import { mintTo as erc1155MintTo } from "thirdweb/extensions/erc1155";
+import { useActiveAccount, useSendAndConfirmTransaction } from "thirdweb/react";
 import {
   Button,
   FormErrorMessage,
@@ -45,84 +34,19 @@ import {
   FormLabel,
   Heading,
 } from "tw-components";
-import { NFTMediaWithEmptyState } from "tw-components/nft-media";
 import type { NFTMetadataInputLimited } from "types/modified-types";
 import { parseAttributes } from "utils/parseAttributes";
 
 const MINT_FORM_ID = "nft-mint-form";
 
-type NFTMintForm =
-  | {
-      contract?: NFTContract;
-      mintMutation: ReturnType<typeof useMintNFT>;
-
-      lazyMintMutation?: undefined;
-      sharedMetadataMutation?: undefined;
-      nft?: undefined;
-      updateMetadataMutation?: undefined;
-    }
-  | {
-      contract?: NFTContract;
-      lazyMintMutation: UseMutationResult<
-        unknown,
-        unknown,
-        { metadatas: NFTInput[] }
-      >;
-      mintMutation?: undefined;
-      sharedMetadataMutation?: undefined;
-      nft?: undefined;
-      updateMetadataMutation?: undefined;
-    }
-  | {
-      contract?: NFTContract;
-      sharedMetadataMutation: ReturnType<typeof useSetSharedMetadata>;
-      mintMutation?: undefined;
-      lazyMintMutation?: undefined;
-      nft?: undefined;
-      updateMetadataMutation?: undefined;
-    }
-  | {
-      contract?: NFTContract;
-      sharedMetadataMutation?: undefined;
-      mintMutation?: undefined;
-      lazyMintMutation?: undefined;
-      nft: NFT;
-      updateMetadataMutation: ReturnType<typeof useUpdateNFTMetadata>;
-    };
+type NFTMintForm = {
+  contract: ThirdwebContract;
+  isErc721: boolean;
+};
 
-export const NFTMintForm: React.FC<NFTMintForm> = ({
-  contract,
-  lazyMintMutation,
-  mintMutation,
-  sharedMetadataMutation,
-  nft,
-  updateMetadataMutation,
-}) => {
+export const NFTMintForm: React.FC<NFTMintForm> = ({ contract, isErc721 }) => {
   const trackEvent = useTrack();
   const address = useActiveAccount()?.address;
-  const mutation =
-    mintMutation ||
-    lazyMintMutation ||
-    sharedMetadataMutation ||
-    updateMetadataMutation;
-
-  const transformedQueryData = useMemo(() => {
-    return {
-      name: nft?.metadata.name || "",
-      description: nft?.metadata.description || "",
-      external_url: nft?.metadata.external_url || "",
-      background_color: nft?.metadata.background_color || "",
-      attributes: nft?.metadata.attributes || [],
-      // We override these in the submit if they haven't been changed
-      image: nft?.metadata.image || undefined,
-      animation_url: nft?.metadata.animation_url || undefined,
-      // No need for these, but we need to pass them to the form
-      supply: 0,
-      customImage: "",
-      customAnimationUrl: "",
-    };
-  }, [nft]);
-
   const {
     setValue,
     control,
@@ -136,35 +60,14 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
       customImage: string;
       customAnimationUrl: string;
     }
-  >({
-    defaultValues: transformedQueryData,
-    values: transformedQueryData,
-  });
+  >();
 
   const modalContext = useModalContext();
-  const chain = useV5DashboardChain(contract?.chainId);
-
-  const contractV5 =
-    contract && chain
-      ? getContract({
-          address: contract.getAddress(),
-          chain: chain,
-          client: thirdwebClient,
-        })
-      : null;
 
   const { onSuccess, onError } = useTxNotifications(
-    sharedMetadataMutation
-      ? "NFT Metadata set successfully"
-      : updateMetadataMutation
-        ? "NFT Metadata updated successfully"
-        : "NFT minted successfully",
-    sharedMetadataMutation
-      ? "Failed to set NFT Metadata"
-      : updateMetadataMutation
-        ? "Failed to update NFT Metadata"
-        : "Failed to mint NFT",
-    contractV5,
+    "NFT minted successfully",
+    "Failed to mint NFT",
+    contract,
   );
 
   const setFile = (file: File) => {
@@ -232,18 +135,12 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
     watch("animation_url") instanceof File ||
     watch("external_url") instanceof File;
 
-  const isErc1155 = detectFeatures(contract, ["ERC1155"]);
+  const { mutate, isPending } = useSendAndConfirmTransaction();
 
   return (
     <>
       <DrawerHeader>
-        <Heading>
-          {sharedMetadataMutation
-            ? "Set NFT Metadata"
-            : updateMetadataMutation
-              ? "Update NFT Metadata"
-              : "Mint NFT"}
-        </Heading>
+        <Heading>Mint NFT</Heading>
       </DrawerHeader>
       <DrawerBody>
         <Stack
@@ -262,145 +159,41 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
               animation_url: data.animation_url || data.customAnimationUrl,
             };
 
-            if (lazyMintMutation) {
-              trackEvent({
-                category: "nft",
-                action: "lazy-mint",
-                label: "attempt",
-              });
-              lazyMintMutation.mutate(
-                {
-                  metadatas: [parseAttributes(dataWithCustom)],
-                },
-                {
-                  onSuccess: () => {
-                    trackEvent({
-                      category: "nft",
-                      action: "lazy-mint",
-                      label: "success",
-                    });
-                    onSuccess();
-                    modalContext.onClose();
-                  },
-                  onError: (error) => {
-                    trackEvent({
-                      category: "nft",
-                      action: "lazy-mint",
-                      label: "error",
-                      error,
-                    });
-                    onError(error);
-                  },
-                },
-              );
-            }
-
-            if (mintMutation) {
-              trackEvent({
-                category: "nft",
-                action: "mint",
-                label: "attempt",
-              });
-              mintMutation.mutate(
-                {
+            trackEvent({
+              category: "nft",
+              action: "mint",
+              label: "attempt",
+            });
+            const nft = parseAttributes(dataWithCustom);
+            const transaction = isErc721
+              ? erc721MintTo({ contract, to: address, nft })
+              : erc1155MintTo({
+                  contract,
                   to: address,
-                  metadata: parseAttributes(dataWithCustom),
-                  supply: data.supply,
-                },
-                {
-                  onSuccess: () => {
-                    trackEvent({
-                      category: "nft",
-                      action: "mint",
-                      label: "success",
-                    });
-                    onSuccess();
-                    modalContext.onClose();
-                  },
-                  // biome-ignore lint/suspicious/noExplicitAny: FIXME
-                  onError: (error: any) => {
-                    trackEvent({
-                      category: "nft",
-                      action: "mint",
-                      label: "error",
-                      error,
-                    });
-                    onError(error);
-                  },
-                },
-              );
-            }
-
-            if (sharedMetadataMutation) {
-              trackEvent({
-                category: "nft",
-                action: "set-shared-metadata",
-                label: "attempt",
-              });
-              sharedMetadataMutation.mutate(parseAttributes(dataWithCustom), {
-                onSuccess: () => {
-                  trackEvent({
-                    category: "nft",
-                    action: "set-shared-metadata",
-                    label: "success",
-                  });
-                  onSuccess();
-                  modalContext.onClose();
-                },
-                // biome-ignore lint/suspicious/noExplicitAny: FIXME
-                onError: (error: any) => {
-                  trackEvent({
-                    category: "nft",
-                    action: "set-shared-metadata",
-                    label: "error",
-                    error,
-                  });
-                  onError(error);
-                },
-              });
-            }
-
-            if (updateMetadataMutation && nft) {
-              trackEvent({
-                category: "nft",
-                action: "update-metadata",
-                label: "attempt",
-              });
-              updateMetadataMutation.mutate(
-                {
-                  metadata: parseAttributes({
-                    ...data,
-                    image: data.image || data.customImage || nft.metadata.image,
-                    animation_url:
-                      data.animation_url ||
-                      data.customAnimationUrl ||
-                      nft.metadata.animation_url,
-                  }),
-                  tokenId: nft.id.toString(),
-                },
-                {
-                  onSuccess: () => {
-                    trackEvent({
-                      category: "nft",
-                      action: "update-metadata",
-                      label: "success",
-                    });
-                    onSuccess();
-                    modalContext.onClose();
-                  },
-                  // biome-ignore lint/suspicious/noExplicitAny: FIXME
-                  onError: (error: any) => {
-                    trackEvent({
-                      category: "nft",
-                      action: "update-metadata",
-                      label: "error",
-                      error,
-                    });
-                    onError(error);
-                  },
-                },
-              );
-            }
+                  nft,
+                  supply: BigInt(data.supply),
+                });
+            mutate(transaction, {
+              onSuccess: () => {
+                trackEvent({
+                  category: "nft",
+                  action: "mint",
+                  label: "success",
+                });
+                onSuccess();
+                modalContext.onClose();
+              },
+              // biome-ignore lint/suspicious/noExplicitAny: FIXME
+              onError: (error: any) => {
+                trackEvent({
+                  category: "nft",
+                  action: "mint",
+                  label: "error",
+                  error,
+                });
+                onError(error);
+              },
+            });
           })}
         >
           <Stack>
@@ -414,25 +207,16 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
           </FormControl>
           <FormControl isInvalid={!!mediaFileError}>
             <FormLabel>Media</FormLabel>
-            {nft?.metadata && !mediaFileUrl && (
-              <Flex>
-                <NFTMediaWithEmptyState
-                  metadata={nft.metadata}
-                  width="200px"
-                  height="200px"
-                />
-              </Flex>
-            )}
             <Box>
               <FileInput
                 previewMaxWidth="200px"
                 value={mediaFileUrl as File | string}
                 showUploadButton
-                showPreview={nft?.metadata ? !!mediaFileUrl : true}
+                showPreview={true}
                 setValue={setFile}
                 className="border border-border rounded transition-all duration-200"
                 selectOrUpload="Upload"
-                helperText={nft?.metadata ? "New Media" : "Media"}
+                helperText={"Media"}
               />
             </Box>
             <FormHelperText>
@@ -467,30 +251,26 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
             <Textarea {...register("description")} />
             <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
           </FormControl>
-          {!sharedMetadataMutation && (
-            <>
-              {isErc1155 && mintMutation && (
-                <FormControl isRequired isInvalid={!!errors.supply}>
-                  <FormLabel>Initial Supply</FormLabel>
-                  <Input
-                    type="number"
-                    step="1"
-                    pattern="[0-9]"
-                    {...register("supply")}
-                  />
-                  <FormErrorMessage>{errors?.supply?.message}</FormErrorMessage>
-                </FormControl>
-              )}
-              <PropertiesFormControl
-                watch={watch}
-                // biome-ignore lint/suspicious/noExplicitAny: FIXME
-                errors={errors as any}
-                control={control}
-                register={register}
-                setValue={setValue}
+          {!isErc721 && (
+            <FormControl isRequired isInvalid={!!errors.supply}>
+              <FormLabel>Initial Supply</FormLabel>
+              <Input
+                type="number"
+                step="1"
+                pattern="[0-9]"
+                {...register("supply")}
               />
-            </>
+              <FormErrorMessage>{errors?.supply?.message}</FormErrorMessage>
+            </FormControl>
           )}
+          <PropertiesFormControl
+            watch={watch}
+            // biome-ignore lint/suspicious/noExplicitAny: FIXME
+            errors={errors as any}
+            control={control}
+            register={register}
+            setValue={setValue}
+          />
           <Accordion
             allowToggle={!(errors.background_color || errors.external_url)}
             index={
@@ -503,37 +283,33 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
                 <AccordionIcon />
               </AccordionButton>
               <AccordionPanel px={0} as={Stack} spacing={6}>
-                {!sharedMetadataMutation && (
-                  <>
-                    <FormControl isInvalid={!!errors.background_color}>
-                      <FormLabel>
-                        Background Color <OpenSeaPropertyBadge />
-                      </FormLabel>
-                      <Input max="6" {...register("background_color")} />
-                      <FormHelperText>
-                        Must be a six-character hexadecimal with a pre-pended #.
-                      </FormHelperText>
-                      <FormErrorMessage>
-                        {errors?.background_color?.message}
-                      </FormErrorMessage>
-                    </FormControl>
-                    {!externalIsTextFile && (
-                      <FormControl isInvalid={!!errors.external_url}>
-                        <FormLabel>
-                          External URL <OpenSeaPropertyBadge />
-                        </FormLabel>
-                        <Input {...register("external_url")} />
-                        <FormHelperText>
-                          This is the URL that will appear below the
-                          asset&apos;s image on OpenSea and will allow users to
-                          leave OpenSea and view the item on your site.
-                        </FormHelperText>
-                        <FormErrorMessage>
-                          {errors?.external_url?.message as unknown as string}
-                        </FormErrorMessage>
-                      </FormControl>
-                    )}
-                  </>
+                <FormControl isInvalid={!!errors.background_color}>
+                  <FormLabel>
+                    Background Color <OpenSeaPropertyBadge />
+                  </FormLabel>
+                  <Input max="6" {...register("background_color")} />
+                  <FormHelperText>
+                    Must be a six-character hexadecimal with a pre-pended #.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.background_color?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                {!externalIsTextFile && (
+                  <FormControl isInvalid={!!errors.external_url}>
+                    <FormLabel>
+                      External URL <OpenSeaPropertyBadge />
+                    </FormLabel>
+                    <Input {...register("external_url")} />
+                    <FormHelperText>
+                      This is the URL that will appear below the asset&apos;s
+                      image on OpenSea and will allow users to leave OpenSea and
+                      view the item on your site.
+                    </FormHelperText>
+                    <FormErrorMessage>
+                      {errors?.external_url?.message as unknown as string}
+                    </FormErrorMessage>
+                  </FormControl>
                 )}
                 <FormControl isInvalid={!!errors.customImage}>
                   <FormLabel>Image URL</FormLabel>
@@ -564,7 +340,7 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
       </DrawerBody>
       <DrawerFooter>
         <Button
-          isDisabled={mutation?.isLoading}
+          isDisabled={isPending}
           variant="outline"
           mr={3}
           onClick={modalContext.onClose}
@@ -573,19 +349,13 @@ export const NFTMintForm: React.FC<NFTMintForm> = ({
         </Button>
         <TransactionButton
           transactionCount={1}
-          isLoading={mutation?.isLoading || false}
+          isLoading={isPending}
           form={MINT_FORM_ID}
           type="submit"
           colorScheme="primary"
-          isDisabled={!isDirty && imageUrl === nft?.metadata.image}
+          isDisabled={!isDirty}
         >
-          {sharedMetadataMutation
-            ? "Set NFT Metadata"
-            : lazyMintMutation
-              ? "Lazy Mint NFT"
-              : updateMetadataMutation && nft
-                ? "Update NFT"
-                : "Mint NFT"}
+          Mint NFT
         </TransactionButton>
       </DrawerFooter>
     </>
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-button.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-button.tsx
index 422e5fce11e..96b1335c491 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-button.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-button.tsx
@@ -1,35 +1,18 @@
 import { MinterOnly } from "@3rdweb-sdk/react/components/roles/minter-only";
 import { Icon, useDisclosure } from "@chakra-ui/react";
-import { type useContract, useSetSharedMetadata } from "@thirdweb-dev/react";
-import { thirdwebClient } from "lib/thirdweb-client";
-import { useV5DashboardChain } from "lib/v5-adapter";
 import { FiPlus } from "react-icons/fi";
-import { getContract } from "thirdweb";
+import type { ThirdwebContract } from "thirdweb";
 import { Button, Drawer } from "tw-components";
-import { NFTMintForm } from "./mint-form";
+import { SharedMetadataForm } from "./shared-metadata-form";
 
 interface NFTSharedMetadataButtonProps {
-  contractQuery: ReturnType<typeof useContract>;
+  contract: ThirdwebContract;
 }
 
 export const NFTSharedMetadataButton: React.FC<
   NFTSharedMetadataButtonProps
-> = ({ contractQuery, ...restButtonProps }) => {
-  const contractV4 = contractQuery.contract;
-  const chain = useV5DashboardChain(contractV4?.chainId);
-  const contract =
-    contractV4 && chain
-      ? getContract({
-          address: contractV4.getAddress(),
-          chain: chain,
-          client: thirdwebClient,
-        })
-      : null;
+> = ({ contract, ...restButtonProps }) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const mutation = useSetSharedMetadata(contractV4);
-  if (!contract) {
-    return null;
-  }
   return (
     <MinterOnly contract={contract}>
       <Drawer
@@ -39,7 +22,7 @@ export const NFTSharedMetadataButton: React.FC<
         onClose={onClose}
         isOpen={isOpen}
       >
-        <NFTMintForm contract={contractV4} sharedMetadataMutation={mutation} />
+        <SharedMetadataForm contract={contract} />
       </Drawer>
       <Button
         colorScheme="primary"
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-form.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-form.tsx
new file mode 100644
index 00000000000..e23335f40b3
--- /dev/null
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/shared-metadata-form.tsx
@@ -0,0 +1,296 @@
+import {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Box,
+  Divider,
+  DrawerBody,
+  DrawerFooter,
+  DrawerHeader,
+  FormControl,
+  Input,
+  Stack,
+  Textarea,
+  useModalContext,
+} from "@chakra-ui/react";
+import { TransactionButton } from "components/buttons/TransactionButton";
+import { FileInput } from "components/shared/FileInput";
+import { useTrack } from "hooks/analytics/useTrack";
+import { useImageFileOrUrl } from "hooks/useImageFileOrUrl";
+import { useTxNotifications } from "hooks/useTxNotifications";
+import { useForm } from "react-hook-form";
+import type { ThirdwebContract } from "thirdweb";
+import { setSharedMetadata } from "thirdweb/extensions/erc721";
+import { useActiveAccount, useSendAndConfirmTransaction } from "thirdweb/react";
+import {
+  Button,
+  FormErrorMessage,
+  FormHelperText,
+  FormLabel,
+  Heading,
+} from "tw-components";
+import type { NFTMetadataInputLimited } from "types/modified-types";
+import { parseAttributes } from "utils/parseAttributes";
+
+const SHARED_METADATA_FORM_ID = "shared-metadata-form";
+
+export const SharedMetadataForm: React.FC<{
+  contract: ThirdwebContract;
+}> = ({ contract }) => {
+  const trackEvent = useTrack();
+  const address = useActiveAccount()?.address;
+  const { mutate, isPending } = useSendAndConfirmTransaction();
+  const {
+    setValue,
+    register,
+    watch,
+    handleSubmit,
+    formState: { errors, isDirty },
+  } = useForm<
+    NFTMetadataInputLimited & {
+      supply: number;
+      customImage: string;
+      customAnimationUrl: string;
+    }
+  >();
+
+  const modalContext = useModalContext();
+  const { onSuccess, onError } = useTxNotifications(
+    "NFT Metadata set successfully",
+    "Failed to set NFT Metadata",
+    contract,
+  );
+
+  const setFile = (file: File) => {
+    if (file.type.includes("image")) {
+      // image files
+      setValue("image", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    } else if (
+      ["audio", "video", "text/html", "model/*"].some((type: string) =>
+        file.type.includes(type),
+      ) ||
+      file.name?.endsWith(".glb") ||
+      file.name?.endsWith(".usdz") ||
+      file.name?.endsWith(".gltf") ||
+      file.name.endsWith(".obj")
+    ) {
+      // audio, video, html, and glb (3d) files
+      setValue("animation_url", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+    } else if (
+      ["text", "application/pdf"].some((type: string) =>
+        file.type?.includes(type),
+      )
+    ) {
+      // text and pdf files
+      setValue("external_url", file);
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    }
+  };
+
+  const imageUrl = useImageFileOrUrl(watch("image") as File | string);
+  const mediaFileUrl =
+    watch("animation_url") instanceof File
+      ? watch("animation_url")
+      : watch("external_url") instanceof File
+        ? watch("external_url")
+        : watch("image") instanceof File
+          ? imageUrl
+          : undefined;
+
+  const mediaFileError =
+    watch("animation_url") instanceof File
+      ? errors?.animation_url
+      : watch("external_url") instanceof File
+        ? errors?.external_url
+        : watch("image") instanceof File
+          ? errors?.image
+          : undefined;
+
+  const showCoverImageUpload =
+    watch("animation_url") instanceof File ||
+    watch("external_url") instanceof File;
+
+  return (
+    <>
+      <DrawerHeader>
+        <Heading>Set NFT Metadata</Heading>
+      </DrawerHeader>
+      <DrawerBody>
+        <Stack
+          spacing={6}
+          as="form"
+          id={SHARED_METADATA_FORM_ID}
+          onSubmit={handleSubmit((data) => {
+            if (!address) {
+              onError("Please connect your wallet.");
+              return;
+            }
+
+            const dataWithCustom = {
+              ...data,
+              image: data.image || data.customImage,
+              animation_url: data.animation_url || data.customAnimationUrl,
+            };
+
+            trackEvent({
+              category: "nft",
+              action: "set-shared-metadata",
+              label: "attempt",
+            });
+            const transaction = setSharedMetadata({
+              contract,
+              nft: parseAttributes(dataWithCustom),
+            });
+            mutate(transaction, {
+              onSuccess: () => {
+                trackEvent({
+                  category: "nft",
+                  action: "set-shared-metadata",
+                  label: "success",
+                });
+                onSuccess();
+                modalContext.onClose();
+              },
+              // biome-ignore lint/suspicious/noExplicitAny: FIXME
+              onError: (error: any) => {
+                trackEvent({
+                  category: "nft",
+                  action: "set-shared-metadata",
+                  label: "error",
+                  error,
+                });
+                onError(error);
+              },
+            });
+          })}
+        >
+          <Stack>
+            <Heading size="subtitle.md">Metadata</Heading>
+            <Divider />
+          </Stack>
+          <FormControl isRequired isInvalid={!!errors.name}>
+            <FormLabel>Name</FormLabel>
+            <Input autoFocus {...register("name")} />
+            <FormErrorMessage>{errors?.name?.message}</FormErrorMessage>
+          </FormControl>
+          <FormControl isInvalid={!!mediaFileError}>
+            <FormLabel>Media</FormLabel>
+            <Box>
+              <FileInput
+                previewMaxWidth="200px"
+                value={mediaFileUrl as File | string}
+                showUploadButton
+                showPreview={true}
+                setValue={setFile}
+                className="border border-border rounded transition-all duration-200"
+                selectOrUpload="Upload"
+                helperText={"Media"}
+              />
+            </Box>
+            <FormHelperText>
+              You can upload image, audio, video, html, text, pdf, and 3d model
+              files here.
+            </FormHelperText>
+            <FormErrorMessage>
+              {mediaFileError?.message as unknown as string}
+            </FormErrorMessage>
+          </FormControl>
+          {showCoverImageUpload && (
+            <FormControl isInvalid={!!errors.image}>
+              <FormLabel>Cover Image</FormLabel>
+              <FileInput
+                previewMaxWidth="200px"
+                accept={{ "image/*": [] }}
+                value={imageUrl}
+                showUploadButton
+                setValue={(file) => setValue("image", file)}
+                className="border border-border rounded transition-all"
+              />
+              <FormHelperText>
+                You can optionally upload an image as the cover of your NFT.
+              </FormHelperText>
+              <FormErrorMessage>
+                {errors?.image?.message as unknown as string}
+              </FormErrorMessage>
+            </FormControl>
+          )}
+          <FormControl isInvalid={!!errors.description}>
+            <FormLabel>Description</FormLabel>
+            <Textarea {...register("description")} />
+            <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
+          </FormControl>
+          <Accordion
+            allowToggle={!(errors.background_color || errors.external_url)}
+            index={
+              errors.background_color || errors.external_url ? [0] : undefined
+            }
+          >
+            <AccordionItem>
+              <AccordionButton px={0} justifyContent="space-between">
+                <Heading size="subtitle.md">Advanced Options</Heading>
+                <AccordionIcon />
+              </AccordionButton>
+              <AccordionPanel px={0} as={Stack} spacing={6}>
+                <FormControl isInvalid={!!errors.customImage}>
+                  <FormLabel>Image URL</FormLabel>
+                  <Input max="6" {...register("customImage")} />
+                  <FormHelperText>
+                    If you already have your NFT image preuploaded, you can set
+                    the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customImage?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                <FormControl isInvalid={!!errors.customAnimationUrl}>
+                  <FormLabel>Animation URL</FormLabel>
+                  <Input max="6" {...register("customAnimationUrl")} />
+                  <FormHelperText>
+                    If you already have your NFT Animation URL preuploaded, you
+                    can set the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customAnimationUrl?.message}
+                  </FormErrorMessage>
+                </FormControl>
+              </AccordionPanel>
+            </AccordionItem>
+          </Accordion>
+        </Stack>
+      </DrawerBody>
+      <DrawerFooter>
+        <Button
+          isDisabled={isPending}
+          variant="outline"
+          mr={3}
+          onClick={modalContext.onClose}
+        >
+          Cancel
+        </Button>
+        <TransactionButton
+          transactionCount={1}
+          isLoading={isPending}
+          form={SHARED_METADATA_FORM_ID}
+          type="submit"
+          colorScheme="primary"
+          isDisabled={!isDirty}
+        >
+          Set NFT Metadata
+        </TransactionButton>
+      </DrawerFooter>
+    </>
+  );
+};
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-form.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-form.tsx
new file mode 100644
index 00000000000..d2012ca2af9
--- /dev/null
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-form.tsx
@@ -0,0 +1,421 @@
+import { thirdwebClient } from "@/constants/client";
+import {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Box,
+  Divider,
+  DrawerBody,
+  DrawerFooter,
+  DrawerHeader,
+  Flex,
+  FormControl,
+  Input,
+  Stack,
+  Textarea,
+  useModalContext,
+} from "@chakra-ui/react";
+import { OpenSeaPropertyBadge } from "components/badges/opensea";
+import { TransactionButton } from "components/buttons/TransactionButton";
+import { PropertiesFormControl } from "components/contract-pages/forms/properties.shared";
+import { FileInput } from "components/shared/FileInput";
+import { useTrack } from "hooks/analytics/useTrack";
+import { useImageFileOrUrl } from "hooks/useImageFileOrUrl";
+import { useTxNotifications } from "hooks/useTxNotifications";
+import { useMemo } from "react";
+import { useForm } from "react-hook-form";
+import type { NFT, ThirdwebContract } from "thirdweb";
+import {
+  updateMetadata as updateMetadata721,
+  updateTokenURI as updateTokenURI721,
+} from "thirdweb/extensions/erc721";
+import {
+  updateMetadata as updateMetadata1155,
+  updateTokenURI as updateTokenURI1155,
+} from "thirdweb/extensions/erc1155";
+import { useActiveAccount, useSendAndConfirmTransaction } from "thirdweb/react";
+import {
+  Button,
+  FormErrorMessage,
+  FormHelperText,
+  FormLabel,
+  Heading,
+} from "tw-components";
+import { NFTMediaWithEmptyState } from "tw-components/nft-media";
+import type { NFTMetadataInputLimited } from "types/modified-types";
+import { parseAttributes } from "utils/parseAttributes";
+
+const UPDATE_METADATA_FORM_ID = "nft-update-metadata-form";
+
+type UpdateNftMetadataForm = {
+  contract: ThirdwebContract;
+  nft: NFT;
+
+  /**
+   * If isDropContract (NFT Drop, Edition Drop) -> use `updateMetadata`
+   * else (NFT Collection, Edition) -> use `setTokenURI`
+   */
+  isDropContract: boolean;
+};
+
+export const UpdateNftMetadata: React.FC<UpdateNftMetadataForm> = ({
+  contract,
+  nft,
+  isDropContract,
+}) => {
+  const trackEvent = useTrack();
+  const address = useActiveAccount()?.address;
+
+  const transformedQueryData = useMemo(() => {
+    return {
+      name: nft?.metadata.name || "",
+      description: nft?.metadata.description || "",
+      external_url: nft?.metadata.external_url || "",
+      background_color: nft?.metadata.background_color || "",
+      attributes: nft?.metadata.attributes || [],
+      // We override these in the submit if they haven't been changed
+      image: nft?.metadata.image || undefined,
+      animation_url: nft?.metadata.animation_url || undefined,
+      // No need for these, but we need to pass them to the form
+      supply: 0,
+      customImage: "",
+      customAnimationUrl: "",
+    };
+  }, [nft]);
+
+  const {
+    setValue,
+    control,
+    register,
+    watch,
+    handleSubmit,
+    formState: { errors, isDirty },
+  } = useForm<
+    NFTMetadataInputLimited & {
+      supply: number;
+      customImage: string;
+      customAnimationUrl: string;
+    }
+  >({
+    defaultValues: transformedQueryData,
+    values: transformedQueryData,
+  });
+
+  const modalContext = useModalContext();
+
+  const { onSuccess, onError } = useTxNotifications(
+    "NFT Metadata updated successfully",
+    "Metadata update failed",
+    contract,
+  );
+
+  const setFile = (file: File) => {
+    if (file.type.includes("image")) {
+      // image files
+      setValue("image", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    } else if (
+      ["audio", "video", "text/html", "model/*"].some((type: string) =>
+        file.type.includes(type),
+      ) ||
+      file.name?.endsWith(".glb") ||
+      file.name?.endsWith(".usdz") ||
+      file.name?.endsWith(".gltf") ||
+      file.name.endsWith(".obj")
+    ) {
+      // audio, video, html, and glb (3d) files
+      setValue("animation_url", file);
+      if (watch("external_url") instanceof File) {
+        setValue("external_url", undefined);
+      }
+    } else if (
+      ["text", "application/pdf"].some((type: string) =>
+        file.type?.includes(type),
+      )
+    ) {
+      // text and pdf files
+      setValue("external_url", file);
+      if (watch("animation_url") instanceof File) {
+        setValue("animation_url", undefined);
+      }
+    }
+  };
+
+  const imageUrl = useImageFileOrUrl(watch("image") as File | string);
+  const mediaFileUrl =
+    watch("animation_url") instanceof File
+      ? watch("animation_url")
+      : watch("external_url") instanceof File
+        ? watch("external_url")
+        : watch("image") instanceof File
+          ? imageUrl
+          : undefined;
+
+  const mediaFileError =
+    watch("animation_url") instanceof File
+      ? errors?.animation_url
+      : watch("external_url") instanceof File
+        ? errors?.external_url
+        : watch("image") instanceof File
+          ? errors?.image
+          : undefined;
+
+  const externalUrl = watch("external_url");
+  const externalIsTextFile =
+    externalUrl instanceof File &&
+    (externalUrl.type.includes("text") || externalUrl.type.includes("pdf"));
+
+  const showCoverImageUpload =
+    watch("animation_url") instanceof File ||
+    watch("external_url") instanceof File;
+  const { mutate, isPending } = useSendAndConfirmTransaction();
+
+  return (
+    <>
+      <DrawerHeader>
+        <Heading>Update NFT Metadata</Heading>
+      </DrawerHeader>
+      <DrawerBody>
+        <Stack
+          spacing={6}
+          as="form"
+          id={UPDATE_METADATA_FORM_ID}
+          onSubmit={handleSubmit((data) => {
+            if (!address) {
+              onError("Please connect your wallet to update metadata.");
+              return;
+            }
+            trackEvent({
+              category: "nft",
+              action: "update-metadata",
+              label: "attempt",
+            });
+
+            const newMetadata = parseAttributes({
+              ...data,
+              image: data.image || data.customImage || nft.metadata.image,
+              animation_url:
+                data.animation_url ||
+                data.customAnimationUrl ||
+                nft.metadata.animation_url,
+            });
+
+            const transaction = isDropContract
+              ? // For Drop contracts, we need to call the `updateBatchBaseURI` method
+                nft.type === "ERC721"
+                ? updateMetadata721({
+                    contract,
+                    targetTokenId: BigInt(nft.id),
+                    newMetadata,
+                    client: thirdwebClient,
+                  })
+                : updateMetadata1155({
+                    contract,
+                    targetTokenId: BigInt(nft.id),
+                    newMetadata,
+                    client: thirdwebClient,
+                  })
+              : // For Collection contracts, we need to call the `setTokenURI` method
+                nft.type === "ERC721"
+                ? updateTokenURI721({
+                    contract,
+                    tokenId: BigInt(nft.id),
+                    newMetadata,
+                  })
+                : updateTokenURI1155({
+                    contract,
+                    tokenId: BigInt(nft.id),
+                    newMetadata,
+                  });
+            mutate(transaction, {
+              onSuccess: () => {
+                trackEvent({
+                  category: "nft",
+                  action: "update-metadata",
+                  label: "success",
+                });
+                onSuccess();
+                modalContext.onClose();
+              },
+              // biome-ignore lint/suspicious/noExplicitAny: FIXME
+              onError: (error: any) => {
+                trackEvent({
+                  category: "nft",
+                  action: "update-metadata",
+                  label: "error",
+                  error,
+                });
+                onError(error);
+              },
+            });
+          })}
+        >
+          <Stack>
+            <Heading size="subtitle.md">Metadata</Heading>
+            <Divider />
+          </Stack>
+          <FormControl isRequired isInvalid={!!errors.name}>
+            <FormLabel>Name</FormLabel>
+            <Input autoFocus {...register("name")} />
+            <FormErrorMessage>{errors?.name?.message}</FormErrorMessage>
+          </FormControl>
+          <FormControl isInvalid={!!mediaFileError}>
+            <FormLabel>Media</FormLabel>
+            {nft?.metadata && !mediaFileUrl && (
+              <Flex>
+                <NFTMediaWithEmptyState
+                  metadata={nft.metadata}
+                  width="200px"
+                  height="200px"
+                />
+              </Flex>
+            )}
+            <Box>
+              <FileInput
+                previewMaxWidth="200px"
+                value={mediaFileUrl as File | string}
+                showUploadButton
+                showPreview={nft?.metadata ? !!mediaFileUrl : true}
+                setValue={setFile}
+                className="border border-border rounded transition-all duration-200"
+                selectOrUpload="Upload"
+                helperText={nft?.metadata ? "New Media" : "Media"}
+              />
+            </Box>
+            <FormHelperText>
+              You can upload image, audio, video, html, text, pdf, and 3d model
+              files here.
+            </FormHelperText>
+            <FormErrorMessage>
+              {mediaFileError?.message as unknown as string}
+            </FormErrorMessage>
+          </FormControl>
+          {showCoverImageUpload && (
+            <FormControl isInvalid={!!errors.image}>
+              <FormLabel>Cover Image</FormLabel>
+              <FileInput
+                previewMaxWidth="200px"
+                accept={{ "image/*": [] }}
+                value={imageUrl}
+                showUploadButton
+                setValue={(file) => setValue("image", file)}
+                className="border border-border rounded transition-all"
+              />
+              <FormHelperText>
+                You can optionally upload an image as the cover of your NFT.
+              </FormHelperText>
+              <FormErrorMessage>
+                {errors?.image?.message as unknown as string}
+              </FormErrorMessage>
+            </FormControl>
+          )}
+          <FormControl isInvalid={!!errors.description}>
+            <FormLabel>Description</FormLabel>
+            <Textarea {...register("description")} />
+            <FormErrorMessage>{errors?.description?.message}</FormErrorMessage>
+          </FormControl>
+          <PropertiesFormControl
+            watch={watch}
+            // biome-ignore lint/suspicious/noExplicitAny: FIXME
+            errors={errors as any}
+            control={control}
+            register={register}
+            setValue={setValue}
+          />
+          <Accordion
+            allowToggle={!(errors.background_color || errors.external_url)}
+            index={
+              errors.background_color || errors.external_url ? [0] : undefined
+            }
+          >
+            <AccordionItem>
+              <AccordionButton px={0} justifyContent="space-between">
+                <Heading size="subtitle.md">Advanced Options</Heading>
+                <AccordionIcon />
+              </AccordionButton>
+              <AccordionPanel px={0} as={Stack} spacing={6}>
+                <FormControl isInvalid={!!errors.background_color}>
+                  <FormLabel>
+                    Background Color <OpenSeaPropertyBadge />
+                  </FormLabel>
+                  <Input max="6" {...register("background_color")} />
+                  <FormHelperText>
+                    Must be a six-character hexadecimal with a pre-pended #.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.background_color?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                {!externalIsTextFile && (
+                  <FormControl isInvalid={!!errors.external_url}>
+                    <FormLabel>
+                      External URL <OpenSeaPropertyBadge />
+                    </FormLabel>
+                    <Input {...register("external_url")} />
+                    <FormHelperText>
+                      This is the URL that will appear below the asset&apos;s
+                      image on OpenSea and will allow users to leave OpenSea and
+                      view the item on your site.
+                    </FormHelperText>
+                    <FormErrorMessage>
+                      {errors?.external_url?.message as unknown as string}
+                    </FormErrorMessage>
+                  </FormControl>
+                )}
+                <FormControl isInvalid={!!errors.customImage}>
+                  <FormLabel>Image URL</FormLabel>
+                  <Input max="6" {...register("customImage")} />
+                  <FormHelperText>
+                    If you already have your NFT image preuploaded, you can set
+                    the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customImage?.message}
+                  </FormErrorMessage>
+                </FormControl>
+                <FormControl isInvalid={!!errors.customAnimationUrl}>
+                  <FormLabel>Animation URL</FormLabel>
+                  <Input max="6" {...register("customAnimationUrl")} />
+                  <FormHelperText>
+                    If you already have your NFT Animation URL preuploaded, you
+                    can set the URL or URI here.
+                  </FormHelperText>
+                  <FormErrorMessage>
+                    {errors?.customAnimationUrl?.message}
+                  </FormErrorMessage>
+                </FormControl>
+              </AccordionPanel>
+            </AccordionItem>
+          </Accordion>
+        </Stack>
+      </DrawerBody>
+      <DrawerFooter>
+        <Button
+          isDisabled={isPending}
+          variant="outline"
+          mr={3}
+          onClick={modalContext.onClose}
+        >
+          Cancel
+        </Button>
+        <TransactionButton
+          transactionCount={1}
+          isLoading={isPending || false}
+          form={UPDATE_METADATA_FORM_ID}
+          type="submit"
+          colorScheme="primary"
+          isDisabled={!isDirty && imageUrl === nft?.metadata.image}
+        >
+          Update NFT
+        </TransactionButton>
+      </DrawerFooter>
+    </>
+  );
+};
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-tab.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-tab.tsx
index a589867ce90..b337b0e174f 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-tab.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/update-metadata-tab.tsx
@@ -1,20 +1,25 @@
 import { Flex, useDisclosure } from "@chakra-ui/react";
-import { type SmartContract, useUpdateNFTMetadata } from "@thirdweb-dev/react";
-import type { NFT } from "thirdweb";
+import type { NFT, ThirdwebContract } from "thirdweb";
 import { Button, Drawer, Text } from "tw-components";
-import { NFTMintForm } from "./mint-form";
+import { UpdateNftMetadata } from "./update-metadata-form";
 
 interface UpdateMetadataTabProps {
-  contract: SmartContract | null;
+  contract: ThirdwebContract;
   nft: NFT;
+
+  /**
+   * If isDropContract (NFT Drop, Edition Drop) -> use `updateMetadata`
+   * else (NFT Collection, Edition) -> use `setTokenURI`
+   */
+  isDropContract: boolean;
 }
 
 const UpdateMetadataTab: React.FC<UpdateMetadataTabProps> = ({
   contract,
   nft,
+  isDropContract,
 }) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const mutation = useUpdateNFTMetadata(contract);
 
   return (
     <>
@@ -25,10 +30,10 @@ const UpdateMetadataTab: React.FC<UpdateMetadataTabProps> = ({
         onClose={onClose}
         isOpen={isOpen}
       >
-        <NFTMintForm
+        <UpdateNftMetadata
           contract={contract}
-          updateMetadataMutation={mutation}
           nft={nft}
+          isDropContract={isDropContract}
         />
       </Drawer>
       <Flex direction={"column"} gap={6}>
diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
index 17f813e81ff..fc984fd876c 100644
--- a/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/nfts/page.tsx
@@ -127,15 +127,15 @@ export const ContractNFTPage: React.FC<NftOverviewPageProps> = ({
             />
           )}
           {detectedMintableState === "enabled" && contractQuery?.contract && (
-            <NFTMintButton contractQuery={contractQuery} />
+            <NFTMintButton contract={contract} isErc721={isErc721} />
           )}
           {detectedSharedMetadataState === "enabled" &&
             contractQuery?.contract && (
-              <NFTSharedMetadataButton contractQuery={contractQuery} />
+              <NFTSharedMetadataButton contract={contract} />
             )}
           {detectedLazyMintableState === "enabled" &&
             contractQuery?.contract && (
-              <NFTLazyMintButton contractQuery={contractQuery} />
+              <NFTLazyMintButton contract={contract} isErc721={isErc721} />
             )}
           {detectedLzyMintState === "enabled" && contractQuery?.contract && (
             <BatchLazyMintButton
diff --git a/apps/dashboard/src/contract-ui/tabs/permissions/components/contract-permission.tsx b/apps/dashboard/src/contract-ui/tabs/permissions/components/contract-permission.tsx
index 619cd42b3cc..f0b2a809316 100644
--- a/apps/dashboard/src/contract-ui/tabs/permissions/components/contract-permission.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/permissions/components/contract-permission.tsx
@@ -1,11 +1,8 @@
 import { useIsAdmin } from "@3rdweb-sdk/react/hooks/useContractRoles";
 import { Flex, Icon, Select, Spinner, Stack } from "@chakra-ui/react";
-import type { ValidContractInstance } from "@thirdweb-dev/sdk";
-import { thirdwebClient } from "lib/thirdweb-client";
-import { useV5DashboardChain } from "lib/v5-adapter";
 import { useFormContext } from "react-hook-form";
 import { FiInfo } from "react-icons/fi";
-import { ZERO_ADDRESS, getContract } from "thirdweb";
+import { type ThirdwebContract, ZERO_ADDRESS } from "thirdweb";
 import { Card, Heading, Text } from "tw-components";
 import { PermissionEditor } from "./permissions-editor";
 
@@ -14,7 +11,7 @@ interface ContractPermissionProps {
   description: string;
   isLoading: boolean;
   isPrebuilt: boolean;
-  contract: ValidContractInstance;
+  contract: ThirdwebContract;
 }
 
 export const ContractPermission: React.FC<ContractPermissionProps> = ({
@@ -34,13 +31,7 @@ export const ContractPermission: React.FC<ContractPermissionProps> = ({
   const isRestricted =
     !roleMembers.includes(ZERO_ADDRESS) ||
     (role !== "transfer" && role !== "lister" && role !== "asset");
-  const chain = useV5DashboardChain(contract.chainId);
-  const contractV5 = getContract({
-    address: contract.getAddress(),
-    chain,
-    client: thirdwebClient,
-  });
-  const isAdmin = useIsAdmin(contractV5);
+  const isAdmin = useIsAdmin(contract);
 
   return (
     <Card position="relative">
@@ -275,8 +266,7 @@ export const ContractPermission: React.FC<ContractPermissionProps> = ({
             <Spinner />
           ) : (
             isRestricted &&
-            role &&
-            contract && <PermissionEditor role={role} contract={contractV5} />
+            role && <PermissionEditor role={role} contract={contract} />
           )}
         </Stack>
       </Flex>
diff --git a/apps/dashboard/src/contract-ui/tabs/permissions/components/index.tsx b/apps/dashboard/src/contract-ui/tabs/permissions/components/index.tsx
index 31cbaffcf34..1a4212fc830 100644
--- a/apps/dashboard/src/contract-ui/tabs/permissions/components/index.tsx
+++ b/apps/dashboard/src/contract-ui/tabs/permissions/components/index.tsx
@@ -1,3 +1,4 @@
+import { thirdwebClient } from "@/constants/client";
 import { ButtonGroup, Flex } from "@chakra-ui/react";
 import {
   type ContractWithRoles,
@@ -10,8 +11,10 @@ import { TransactionButton } from "components/buttons/TransactionButton";
 import { BuiltinContractMap, ROLE_DESCRIPTION_MAP } from "constants/mappings";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useTxNotifications } from "hooks/useTxNotifications";
+import { useV5DashboardChain } from "lib/v5-adapter";
 import { useMemo } from "react";
 import { FormProvider, useForm } from "react-hook-form";
+import { getContract } from "thirdweb";
 import type { roleMap } from "thirdweb/extensions/permissions";
 import { Button } from "tw-components";
 import { ContractPermission } from "./contract-permission";
@@ -63,6 +66,12 @@ export const Permissions = <TContract extends ContractWithRoles>({
     BuiltinContractMap[contractType as keyof typeof BuiltinContractMap]
       .contractType !== "custom";
 
+  const chain = useV5DashboardChain(contract.chainId);
+  const contractV5 = getContract({
+    address: contract.getAddress(),
+    chain,
+    client: thirdwebClient,
+  });
   return (
     <FormProvider {...form}>
       <Flex
@@ -106,7 +115,7 @@ export const Permissions = <TContract extends ContractWithRoles>({
               role={role}
               description={ROLE_DESCRIPTION_MAP[role] || ""}
               isPrebuilt={isPrebuilt}
-              contract={contract}
+              contract={contractV5}
             />
           );
         })}
diff --git a/apps/dashboard/src/core-ui/nft-drawer/useNftDrawerTabs.tsx b/apps/dashboard/src/core-ui/nft-drawer/useNftDrawerTabs.tsx
index a8c85287e05..501a4aa82af 100644
--- a/apps/dashboard/src/core-ui/nft-drawer/useNftDrawerTabs.tsx
+++ b/apps/dashboard/src/core-ui/nft-drawer/useNftDrawerTabs.tsx
@@ -2,7 +2,6 @@ import { useIsMinter } from "@3rdweb-sdk/react/hooks/useContractRoles";
 import {
   type DropContract,
   type NFTContract,
-  type SmartContract,
   getErcs,
 } from "@thirdweb-dev/react/evm";
 import { detectFeatures } from "components/contract-components/utils";
@@ -123,6 +122,12 @@ export function useNFTDrawerTabs({
       "ERC721LazyMintable",
     ]);
 
+    const isDropContract = detectFeatures(oldContract, [
+      "ERC721LazyMintable",
+      "ERC1155LazyMintableV1",
+      "ERC1155LazyMintableV2",
+    ]);
+
     const isOwner =
       (isERC1155 && balanceOfQuery?.data) ||
       (isERC721 && nft?.owner === address);
@@ -229,8 +234,9 @@ export function useNFTDrawerTabs({
             "You don't have minter permissions to be able to update metadata",
           children: (
             <UpdateMetadataTab
-              contract={oldContract as SmartContract}
+              contract={contract}
               nft={nft}
+              isDropContract={isDropContract}
             />
           ),
         },
@@ -247,6 +253,7 @@ export function useNFTDrawerTabs({
     address,
     tokenId,
     isMinterRole,
+    contract,
     contractInfo,
   ]);
 }
diff --git a/packages/thirdweb/src/exports/extensions/erc1155.ts b/packages/thirdweb/src/exports/extensions/erc1155.ts
index 5d9303e5566..6a27d76311e 100644
--- a/packages/thirdweb/src/exports/extensions/erc1155.ts
+++ b/packages/thirdweb/src/exports/extensions/erc1155.ts
@@ -99,6 +99,12 @@ export {
   updateMetadata,
   type UpdateMetadataParams,
 } from "../../extensions/erc1155/drops/write/updateMetadata.js";
+
+export {
+  updateTokenURI,
+  type UpdateTokenURIParams,
+} from "../../extensions/erc1155/write/updateTokenURI.js";
+
 export {
   getClaimConditionById,
   type GetClaimConditionByIdParams,
diff --git a/packages/thirdweb/src/exports/extensions/erc721.ts b/packages/thirdweb/src/exports/extensions/erc721.ts
index c289735a367..b0709d471c9 100644
--- a/packages/thirdweb/src/exports/extensions/erc721.ts
+++ b/packages/thirdweb/src/exports/extensions/erc721.ts
@@ -167,3 +167,7 @@ export {
   updateMetadata,
   type UpdateMetadataParams,
 } from "../../extensions/erc721/drops/write/updateMetadata.js";
+export {
+  updateTokenURI,
+  type UpdateTokenURIParams,
+} from "../../extensions/erc721/write/updateTokenURI.js";
diff --git a/packages/thirdweb/src/extensions/erc1155/write/updateTokenURI.ts b/packages/thirdweb/src/extensions/erc1155/write/updateTokenURI.ts
new file mode 100644
index 00000000000..de7c684ab52
--- /dev/null
+++ b/packages/thirdweb/src/extensions/erc1155/write/updateTokenURI.ts
@@ -0,0 +1,97 @@
+import { upload } from "../../../storage/upload.js";
+import type { BaseTransactionOptions } from "../../../transaction/types.js";
+import type { NFTInput } from "../../../utils/nft/parseNft.js";
+import {
+  type SetTokenURIParams,
+  setTokenURI,
+} from "../../erc1155/__generated__/INFTMetadata/write/setTokenURI.js";
+
+/**
+ * @extension ERC1155
+ */
+export type UpdateTokenURIParams = {
+  tokenId: bigint;
+  newMetadata: NFTInput;
+};
+
+/**
+ * This function is an abstracted layer of the [`setTokenURI` extension](https://portal.thirdweb.com/references/typescript/v5/erc1155/setTokenURI),
+ * which means it uses `setTokenURI` under the hood.
+ * While the `setTokenURI` method only takes in a uri string, this extension takes in a user-friendly [`NFTInput`](https://portal.thirdweb.com/references/typescript/v5/NFTInput),
+ * upload that content to IPFS and pass the IPFS URI (of said `NFTInput`) to the underlying `setTokenURI` method.
+ *
+ * This extension does not validate the NFTInput so make sure you are passing the proper content that you want to update.
+ *
+ * @extension ERC1155
+ * @returns the prepared transaction from `setTokenURI`
+ * @example
+ * ```ts
+ * import { updateTokenURI } from "thirdweb/extensions/erc1155";
+ *
+ * const transaction = updateTokenURI({
+ *   tokenId: 0n,
+ *   nft: {
+ *     name: "new name",
+ *     description: "new description",
+ *     image: "https://image-host.com/new-image.png",
+ *   },
+ * });
+ * ```
+ */
+export function updateTokenURI(
+  options: BaseTransactionOptions<UpdateTokenURIParams>,
+) {
+  const { contract } = options;
+  return setTokenURI({
+    contract,
+    asyncParams: async () => getUpdateTokenParams(options),
+  });
+}
+
+export async function getUpdateTokenParams(
+  options: BaseTransactionOptions<UpdateTokenURIParams>,
+): Promise<SetTokenURIParams> {
+  const { tokenId, newMetadata } = options;
+  const batch: Promise<string>[] = [
+    // image URI resolution
+    (async () => {
+      if (!newMetadata.image) {
+        return "";
+      }
+      if (typeof newMetadata.image === "string") {
+        return newMetadata.image;
+      }
+      return await upload({
+        client: options.contract.client,
+        files: [newMetadata.image],
+      });
+    })(),
+    // animation URI resolution
+    (async () => {
+      if (!newMetadata.animation_url) {
+        return "";
+      }
+      if (typeof newMetadata.animation_url === "string") {
+        return newMetadata.animation_url;
+      }
+      return await upload({
+        client: options.contract.client,
+        files: [newMetadata.animation_url],
+      });
+    })(),
+  ];
+
+  const [imageURI, animationURI] = await Promise.all(batch);
+  if (newMetadata.image && imageURI) {
+    newMetadata.image = imageURI;
+  }
+  if (newMetadata.animation_url && animationURI) {
+    newMetadata.animation_url = animationURI;
+  }
+
+  const uri = await upload({
+    client: options.contract.client,
+    files: [newMetadata],
+  });
+  return { tokenId, uri };
+}
diff --git a/packages/thirdweb/src/extensions/erc721/write/updateTokenURI.ts b/packages/thirdweb/src/extensions/erc721/write/updateTokenURI.ts
new file mode 100644
index 00000000000..45ae75e55b8
--- /dev/null
+++ b/packages/thirdweb/src/extensions/erc721/write/updateTokenURI.ts
@@ -0,0 +1,97 @@
+import { upload } from "../../../storage/upload.js";
+import type { BaseTransactionOptions } from "../../../transaction/types.js";
+import type { NFTInput } from "../../../utils/nft/parseNft.js";
+import {
+  type SetTokenURIParams,
+  setTokenURI,
+} from "../../erc721/__generated__/INFTMetadata/write/setTokenURI.js";
+
+/**
+ * @extension ERC721
+ */
+export type UpdateTokenURIParams = {
+  tokenId: bigint;
+  newMetadata: NFTInput;
+};
+
+/**
+ * This function is an abstracted layer of the [`setTokenURI` extension](https://portal.thirdweb.com/references/typescript/v5/erc721/setTokenURI),
+ * which means it uses `setTokenURI` under the hood.
+ * While the `setTokenURI` method only takes in a uri string, this extension takes in a user-friendly [`NFTInput`](https://portal.thirdweb.com/references/typescript/v5/NFTInput),
+ * upload that content to IPFS and pass the IPFS URI (of said `NFTInput`) to the underlying `setTokenURI` method.
+ *
+ * This extension does not validate the NFTInput so make sure you are passing the proper content that you want to update.
+ *
+ * @extension ERC721
+ * @returns the prepared transaction from `setTokenURI`
+ * @example
+ * ```ts
+ * import { updateTokenURI } from "thirdweb/extensions/erc721";
+ *
+ * const transaction = updateTokenURI({
+ *   tokenId: 0n,
+ *   nft: {
+ *     name: "new name",
+ *     description: "new description",
+ *     image: "https://image-host.com/new-image.png",
+ *   },
+ * });
+ * ```
+ */
+export function updateTokenURI(
+  options: BaseTransactionOptions<UpdateTokenURIParams>,
+) {
+  const { contract } = options;
+  return setTokenURI({
+    contract,
+    asyncParams: async () => getUpdateTokenParams(options),
+  });
+}
+
+export async function getUpdateTokenParams(
+  options: BaseTransactionOptions<UpdateTokenURIParams>,
+): Promise<SetTokenURIParams> {
+  const { tokenId, newMetadata } = options;
+  const batch: Promise<string>[] = [
+    // image URI resolution
+    (async () => {
+      if (!newMetadata.image) {
+        return "";
+      }
+      if (typeof newMetadata.image === "string") {
+        return newMetadata.image;
+      }
+      return await upload({
+        client: options.contract.client,
+        files: [newMetadata.image],
+      });
+    })(),
+    // animation URI resolution
+    (async () => {
+      if (!newMetadata.animation_url) {
+        return "";
+      }
+      if (typeof newMetadata.animation_url === "string") {
+        return newMetadata.animation_url;
+      }
+      return await upload({
+        client: options.contract.client,
+        files: [newMetadata.animation_url],
+      });
+    })(),
+  ];
+
+  const [imageURI, animationURI] = await Promise.all(batch);
+  if (newMetadata.image && imageURI) {
+    newMetadata.image = imageURI;
+  }
+  if (newMetadata.animation_url && animationURI) {
+    newMetadata.animation_url = animationURI;
+  }
+
+  const uri = await upload({
+    client: options.contract.client,
+    files: [newMetadata],
+  });
+  return { tokenId, uri };
+}