diff --git a/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/abp-react-ui-modern-template-demo.gif b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/abp-react-ui-modern-template-demo.gif new file mode 100644 index 0000000000..e0b67ca604 Binary files /dev/null and b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/abp-react-ui-modern-template-demo.gif differ diff --git a/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/react-ui-and-admin-console.png b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/react-ui-and-admin-console.png new file mode 100644 index 0000000000..e03c4a2806 Binary files /dev/null and b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/images/react-ui-and-admin-console.png differ diff --git a/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md index 2e3fadfbc8..1274a21b08 100644 --- a/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md +++ b/docs/en/Community-Articles/2026-03-12-official-react-ui-for-abp-framework/post.md @@ -27,6 +27,7 @@ Second, there is the **ABP Admin Console**. The Admin Console is a pre-built Rea For layered and single-layer modern applications, the Admin Console is hosted by the backend and served under `/admin-console/*`. For microservice solutions, it runs as a separate React app under `apps/react-admin-console/`, with its own runtime configuration and the same `/admin-console/` base path. In both cases, the main React app can link users into the Admin Console when they need full administrative screens. This split is a practical design choice. Your business UI stays yours, while administration capabilities remain available, consistent, and upgradeable. +![react-ui-and-admin-console](images/react-ui-and-admin-console.png) ## A different frontend philosophy @@ -104,6 +105,8 @@ abp new Acme.BookStore --template microservice --modern --version 10.4.0-rc.1 Once ABP 10.4 stable is released, the same modern React experience is planned to become generally available without needing to target the RC version explicitly. +![ABP Framework React UI Modern Template Demo](images/abp-react-ui-modern-template-demo.gif) + ## What's next The React UI is now real in ABP 10.4 RC, and the final polishing work continues toward the stable release. If you have been waiting for a real React path in ABP, this is the point where it stops being a wish and starts becoming something you can actually build with.