diff --git a/docs/UML/Class Diagram.puml b/docs/UML/Class Diagram.puml
new file mode 100644
index 0000000..bd86e3a
--- /dev/null
+++ b/docs/UML/Class Diagram.puml	
@@ -0,0 +1,60 @@
+@startuml
+
+class GUI{
+    This is a singleton
+    ---
+    - Image currentImage
+    - ImageManipulation[] imageManipulations
+    + void initialise()
+}
+
+
+class Image{
+    - imagedata image
+    + void setImage(imagedata)
+    + imagedata getImage()
+    + pair<int,int> getDimensions()
+}
+
+abstract class ImageManipulation{
+    +void manipulateImage(Image, Parameters)
+    +string[] getParameters()
+    +string getManipulationName()
+}
+
+class CropImage{
+- string name
+}
+
+class GreyScaleImage{
+- string name
+}
+
+class SmoothImage{
+- string name
+}
+
+class RotateImage{
+- string name
+}
+
+class HSVImage{
+- string
+}
+
+class HueShiftImage{
+- string
+}
+
+GUI ..> Image
+GUI ..> ImageManipulation
+
+CropImage  ..|> ImageManipulation
+GreyScaleImage ..|> ImageManipulation
+SmoothImage ..|> ImageManipulation
+RotateImage ..|> ImageManipulation
+HSVImage ..|> ImageManipulation
+HueShiftImage ..|> ImageManipulation
+
+
+@enduml
\ No newline at end of file
diff --git a/docs/UML/Component Diagram.puml b/docs/UML/Component Diagram.puml
new file mode 100644
index 0000000..2dfe922
--- /dev/null
+++ b/docs/UML/Component Diagram.puml	
@@ -0,0 +1,7 @@
+@startuml
+[GUI]
+[Image Processing]
+
+[GUI] ..> [Image Processing]
+
+@enduml
\ No newline at end of file