diff --git a/docs/docs/how-tos/index.md b/docs/docs/how-tos/index.md
index 11acef33c..3fe01f19a 100644
--- a/docs/docs/how-tos/index.md
+++ b/docs/docs/how-tos/index.md
@@ -199,6 +199,7 @@ Learn how to set up your app for deployment to LangGraph Platform:
 - [How to rebuild graph at runtime](../cloud/deployment/graph_rebuild.md)
 - [How to use LangGraph Platform to deploy CrewAI, AutoGen, and other frameworks](autogen-langgraph-platform.ipynb)
 - [How to integrate LangGraph into your React application](../cloud/how-tos/use_stream_react.md)
+- [How to implement Generative User Interfaces with LangGraph](../cloud/how-tos/generative_ui_react.md)
 
 ### Deployment
 
diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml
index 6672888e1..61dc9b32d 100644
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -231,6 +231,7 @@ nav:
                 - cloud/how-tos/stream_debug.md
                 - cloud/how-tos/stream_multiple.md
                 - cloud/how-tos/use_stream_react.md
+                - cloud/how-tos/generative_ui_react.md
             - Human-in-the-loop:
                 - Human-in-the-loop: how-tos#human-in-the-loop_1
                 - cloud/how-tos/human_in_the_loop_breakpoint.md