How to make UI effect like this?, Please help.

As you can see the difference between the two of them, one got a blur effect on the background another not.
These pictures created from After Effect. For now, I try to create in Unity, In whenever I turn the UI on or HUD it should blur the background automatically.


(1). Using (.png) UI.



(2). After Effect.



Any assets in the store recommend will be appreciated.

Thank you.

 

I render the scene to a RenderTexture and use a custom shader to blur the RenderTexture content. Then I use the RawImage UI Component to display the blurred RenderTexture as an image in the UI.

 

Thank you, sir. Any assets in the store for suggestion sir?

 

I got it sir. thank you for your advice.

 

I do recomend you checking this out: https://github.com/PavelDoGreat/Super-Blur