diff --git a/CodeGen/assets/img/codegen_gradio_ui_dataprep.png b/CodeGen/assets/img/codegen_gradio_ui_dataprep.png
new file mode 100644
index 0000000000..f380f658dc
Binary files /dev/null and b/CodeGen/assets/img/codegen_gradio_ui_dataprep.png differ
diff --git a/CodeGen/assets/img/codegen_gradio_ui_main.png b/CodeGen/assets/img/codegen_gradio_ui_main.png
new file mode 100644
index 0000000000..29c9c2a804
Binary files /dev/null and b/CodeGen/assets/img/codegen_gradio_ui_main.png differ
diff --git a/CodeGen/assets/img/codegen_gradio_ui_query.png b/CodeGen/assets/img/codegen_gradio_ui_query.png
new file mode 100644
index 0000000000..e45087b2e1
Binary files /dev/null and b/CodeGen/assets/img/codegen_gradio_ui_query.png differ
diff --git a/CodeGen/assets/img/codegen_gradio_ui_rm.png b/CodeGen/assets/img/codegen_gradio_ui_rm.png
new file mode 100644
index 0000000000..35422e58bd
Binary files /dev/null and b/CodeGen/assets/img/codegen_gradio_ui_rm.png differ