diff --git a/docs/react/recommendation.en-US.md b/docs/react/recommendation.en-US.md
index a89ec37ffa..6d19bbcca6 100644
--- a/docs/react/recommendation.en-US.md
+++ b/docs/react/recommendation.en-US.md
@@ -16,3 +16,5 @@ title: Third-Party Libraries
 * **Document head manager: ** [react-helmet](https://github.com/nfl/react-helmet)
 * **Font Awesome Icons: ** [react-fa](https://github.com/andreypopp/react-fa)
 * **QR Code: **: [qrcode.react](https://github.com/zpao/qrcode.react)
+* **Charts**: [g2-react](https://github.com/antvis/g2-react) [recharts](https://github.com/recharts/recharts/) [victory](https://github.com/FormidableLabs/victory)
+* **Top Progress Bar**: [nprogress](https://github.com/rstacruz/nprogress)
diff --git a/docs/react/recommendation.zh-CN.md b/docs/react/recommendation.zh-CN.md
index 6ece5bebfa..fcee3e1d4f 100644
--- a/docs/react/recommendation.zh-CN.md
+++ b/docs/react/recommendation.zh-CN.md
@@ -16,3 +16,5 @@ title: 社区精选组件
 * **管理 document head：** [react-helmet](https://github.com/nfl/react-helmet)
 * **Font Awesome 图标**: [react-fa](https://github.com/andreypopp/react-fa)
 * **二维码：**: [qrcode.react](https://github.com/zpao/qrcode.react)
+* **可视化图表**: [g2-react](https://github.com/antvis/g2-react) [recharts](https://github.com/recharts/recharts/) [victory](https://github.com/FormidableLabs/victory)
+* **顶部进度条**: [nprogress](https://github.com/rstacruz/nprogress)