Update README.md

README.md

@@ -8,7 +8,6 @@ pinned: false
 ---
 # Hugging Face + Visual Blocks Custom Components
 
-
 <p align="center">
     <br/>
     <picture> 
@@ -56,6 +55,7 @@ Important links:
     - [Text Generation](#text-generation)
     - [Text to Image](#text-to-image)
     - [Token Classification](#token-classification-1)
+  - [Extra Examples](#extra-examples)
 - [Local Development](#local-development)
 
 </details>
@@ -195,6 +195,10 @@ If successful, you can obtain your **Apikey** directly from the **Hugging Face H
 
 [**Chat Template Text Generation Node Example**](https://visualblocks.withgoogle.com/#/edit/new_hfdemo?project_json=https://cdn.jsdelivr.net/npm/huggingface-visualblocks-nodes@latest/examples/server/chat_template_text_generation_server_.json)
 
+<img src="https://huggingface.co/spaces/hf-vb/README/resolve/main/chat_completion.jpg" width="500">
+
+[**Chat Completion Node Example**](https://visualblocks.withgoogle.com/#/edit/new_hfdemo?project_json=https://cdn.jsdelivr.net/npm/huggingface-visualblocks-nodes@latest/examples/server/chat_completion_server_.json)
+
 More info:
 
 - https://huggingface.co/tasks/text-generation
@@ -269,6 +273,14 @@ More info:
 
 - https://huggingface.co/tasks/token-classification
 
+## Extra Examples
+
+[**Background Removal Text to Image**](https://visualblocks.withgoogle.com/#/edit/new_hfdemo?project_json=https://cdn.jsdelivr.net/npm/huggingface-visualblocks-nodes@latest/examples/extras/background_removal_text_to_image.json)
+
+[**Chat Completion Text to Image Depth**](https://visualblocks.withgoogle.com/#/edit/new_hfdemo?project_json=https://cdn.jsdelivr.net/npm/huggingface-visualblocks-nodes@latest/examples/extras/chat_completion_txt2img_depth.json)
+
+[**Image Segmentation Webcam Client**](https://visualblocks.withgoogle.com/#/edit/new_hfdemo?project_json=https://cdn.jsdelivr.net/npm/huggingface-visualblocks-nodes@latest/examples/extras/image_segmentation_webcam_client.json)
+
 # Local Development
 
 1. Clone the repository
@@ -294,13 +306,4 @@ More info:
 
 5. Click the + in the bottom left corner to add the custom nodes.
 
-6. Paste in the link to the script (e.g., http://localhost:8080/index.js) and click "Submit".
-
-
-
-# Hugging Face and Google Visual Blocks
-
-Google Visual Blocks for ML is a visual programming framework by Google that allows you to create machine learning pipelines using a no-code graph editor.
-Here, we will share how to create and connect visual blocks with the Hugging Face ecosystem.
-
-Read more about visualblocks here https://visualblocks.withgoogle.com/
+6. Paste in the link to the script (e.g., http://localhost:8080/index.js) and click "Submit".