Note: UE5 branch was merged into main, UE4 now has a separate branch
Niagara UI Plugin adds Niagara Particle System Widget that allows you to render Niagara particle systems directly into the UI. The plugin supports sprite and ribbon CPU particles. It was tested on Windows and Android, but it should work fine on other platforms too (it’s necessary to add the platforms to the “SupportedTargetPlatforms” and “PlatformAllowList” in the “NiagaraUIRenderer.uplugin” and compile the plugin yourself).
Demo Video:
You have 4 options how to install plugin:
- Install the plugin from the Unreal Marketplace into Unreal Engine: The easiest way to get this plugin. Installs directly into the engine so you can use it across multiple projects.
- Get the plugin from the Unreal Marketplace
- Download the plugin and install it into your engine
- Enable Niagara UI Renderer in your project’s Plugins settings
- Enjoy!
- Install precompiled plugin into Unreal Engine:
Recommended if you want to use plugin across multiple projects.
Installation Steps:
- Download the precompiled plugin for your version of Unreal Engine
- Extract the whole plugin folder into ....\YourEngineInstallationPath\Engine\Plugins\
- Enable Niagara UI Renderer in your projects Plugins settings
- Enjoy!
- Install precompiled plugin into your project only:
Recommended if you want to use plugin in this project only.
Installation Steps:
- Download the precompiled plugin for your version of Unreal Engine
- Extract the whole plugin folder into ....\YourProjectPath\Plugins\
- Enable Niagara UI Renderer in your projects Plugins settings
- Enjoy!
- Compile your own version from GitHub:
Recommended if you're Unreal Engine God.
Installation Steps:
- Download the plugin source from the GitHub repository
- Copy the plugin into your plugins folder
- Regenerate Visual Studio project files
- Recompile
- Enable Niagara UI Renderer in your projects Plugins settings
- Enjoy!
-
Create your Niagara particle system
-
Because Unreal cannot render "normal" particle materials as UI elements we'll need to create a version of each particle material with "User Interface" material domain. We'll also need to swap out some nodes. Use Vertex Color node instead of Particle Color node. Usual particle parameters such as Particle Radius, Particle Random won't be available for UI particle materials. For sprites only you can access Dynamic Parameter R and G data from Texture Coordinate with coordinate Index 1.
-
Add Niagara System Widget into your widget (you can find it in the widget palette under Niagara category)
-
Select your Niagara System in the Details tab
-
You still won't be able to see your particles, because we need to apply the newly created UI material. There are two ways we can to that: You can either set the material directly into your Particle System renderer. This will result in particle rendering correctly in UI, but it will make it render incorrectly in the Niagara preview and in the world. To avoid that, you can use Material Remap List on the widget itself. Just add new element into it, select the original particle material on the left, and select the newly created UI material on the right. You can do this for as many materials as you want. Each material on the left will get automatically remapped to the one on the right when rendering UI. This way you can still see the correct preview of the particle system, use the particle in the world and use it as a UI particle system!
-
You can choose if you want the particle system to auto activate, or you can activate it with blueprints.
-
Your UI particle is set up and ready to go! You can animate it, activate it on button press or do whatever else you want!