diff --git a/README.md b/README.md
index 653407a2..9f17f3d9 100644
--- a/README.md
+++ b/README.md
@@ -51,7 +51,7 @@
 **ReacType** is a React prototyping tool that allows users _visualize_ their application architecture dynamically, employing an interactive drop and drag display with real-time component code preview and a collaboration room that features live video and chat functionality. Generated code can be exported as a **React** app for developers employing React component architecture alongside the comprehensive type-checking of **TypeScript**. In other words, **you can draw prototypes and export React / TypeScript code!**
 
 <p align="center">
-  <img width="1000" src="./resources/v21 empty canvas.png">
+  <img width="1000" src="./resources/v21 MUI Canvas.png">
 </p>
 
 Visit [reactype.dev](https://reactype.dev) to learn more about the product.
@@ -63,7 +63,7 @@ Follow [@ReacType](https://twitter.com/reactype) on Twitter for important announ
 - **MUI Components**: Material UI can now be used to Create / Style your Applications
 - **UI Updates**: The UI now features a more modern and user friendly experience to reflect the newly added Components.
 - **DX Updates**: Migrated from Jest to Vitest to allow better compatibility, as well as to reduce complexity and streamline the Development Workflow.
-- **JS DOCS**: Added 264 JSDoc comment blocks throughout the codebase.
+- **JS DOCS**: Added 273 JSDoc comment blocks throughout the codebase.
 - **Cleanup**: Removed unused code, fixed bugs, and made major performance improvements.
 - **And more:** See the [change log](https://github.com/open-source-labs/ReacType/blob/master/CHANGE_LOG.md) for more details on what was changed from the previous versions, as well as plans for upcoming features!
 
@@ -76,7 +76,7 @@ Follow [@ReacType](https://twitter.com/reactype) on Twitter for important announ
 Get a glimpse of how ReacType works!
 
 <p align="center">
-  <img width="1000" src="./resources/"> // update w/ gif previewing MUI components
+  <img width="1000" src="./resources/v21 Preview.gif"> 
 </p>
 
 <!-- NEED TO REPLACE THE TUTORIAL LINK -->
@@ -86,7 +86,7 @@ Get a glimpse of how ReacType works!
 Here is the main file structure:
 
 <p align="center">
-  <img width="1000" src="./resources/v19filestructure.png"> // update with updated file structure
+  <img width="1000" src="./resources/v21 File Structure.png">
 </p>
 
 Given to us courtesy of our friends over at React Relay
diff --git a/resources/v21 Demo.gif b/resources/v21 Demo.gif
deleted file mode 100644
index 6d1607da..00000000
Binary files a/resources/v21 Demo.gif and /dev/null differ
diff --git a/resources/v21 File Structure.png b/resources/v21 File Structure.png
new file mode 100644
index 00000000..eb14cfc1
Binary files /dev/null and b/resources/v21 File Structure.png differ
diff --git a/resources/v21 MUI Canvas.png b/resources/v21 MUI Canvas.png
new file mode 100644
index 00000000..0eb0e2cf
Binary files /dev/null and b/resources/v21 MUI Canvas.png differ
diff --git a/resources/v21 Preview.gif b/resources/v21 Preview.gif
new file mode 100644
index 00000000..2b69c896
Binary files /dev/null and b/resources/v21 Preview.gif differ
diff --git a/resources/v21 empty canvas.png b/resources/v21 empty canvas.png
deleted file mode 100644
index abf7fa73..00000000
Binary files a/resources/v21 empty canvas.png and /dev/null differ