About UIFX - Drop Shadow Filter
Overview
What?
UIFX-DropShadowFilter is a new visual effect for Unity's UI (uGUI) components that applies a drop shadow filter of the component.
Why?
Unity's UI system currently doesn't have an option to render UI elements with a high quality shadow.
Drop shadow is a very useful effect, especially for text.
How?
Just add the UIFX-DropShadowFilter component to your UI component. That's it!
Features
- High quality shadow rendering
- TextMeshPro supported
- Easy to use
- Highly optimised
- Cross-platform
- Built-in/URP/HDRP
- Source code included
- Well documented & supported
- Useful for implementing Figma / Canva UI
- Also works in editor (no need to enter play mode)
Usage
Some example use cases:
- Interactive
- Inset
- Under Glow
Customer Reviews
Great assets, incredible support! We started using this asset to help us create drop shadows similar to what our design team was creating in Photoshop. The plugin worked great but we ran into some issues and reached out to their support which was incredible. They quickly followed up and helped us diagnose, troubleshoot, and fix our issues with email and remote troubleshooting sessions. It is rare to find such amazing support, can't wait to use other plugins by this developer!
Huge Timesaver. I'm so happy that I no longer have to open Photoshop, and deal with the lengthy change workflow and the pixel shifts caused by shadows. The performance effect is good, but the option to bake into the texture, when I'm not going to use animation or use complex effects is very comforting.
Compatibility
| Unity Version | 6.x | 2023.x | 2022.x | 2021.x | 2020.x | 2019.x | 2018.x | 2017.x |
|---|---|---|---|---|---|---|---|---|
| Supported | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✗ | ✗ |
| Platform | Windows/UWP | macOS | Linux | Android | iOS / tvOS | WebGL | PS4 / PS5 | XBox One |
|---|---|---|---|---|---|---|---|---|
| Supported | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
| Render Pipeline | Built-in | URP | HDRP |
|---|---|---|---|
| Supported | ✓ | ✓ | ✓ |
Dependencies
This plugin requires the Unity.UI package that is included with Unity by default.
Supported Features
| UI Feature | Supported | Notes |
|---|---|---|
| Components: | ||
| Text | ✓ | |
| TextMeshPro | ✓ | |
| Image | ✓ | |
| RawImage | ✓ | |
| Mask | ✓ | |
| Rect Mask 2D | ✓ | |
| CanvasGroup | ✓ | |
| Custom | ✓ | |
| Canvas Render Modes: | ||
| Screen-Space Overlay | ✓ | |
| Screen-Space Camera | ✓ | |
| World Space | X | |
| Render Pipelines: | ||
| Built-in | ✓ | |
| URP | ✓ | |
| HDRP | ✓ | |
| Colorspaces: | ||
| Gamma | ✓ | |
| Linear | ✓ |
Advanced
Performance
UIFX-DropShadowFilter has had several optimisation passes, so we can say with confidence that it is highly performant. Once the shadow has been computed it simply rendered as a texture so the effect is very fast. Changing properties of the component, the Graphic or the parent hierarchy will result in the shadow being recalcuated which can be expensive when the Blur property is too high.
Garbage Collection
This component has been optimised to reduce garbage generation.