UI Toolkit Shadows, Outlines & Glow

Links: Manual | Support Forum or via Email ✨ This asset is part of the UI Toolkit Bundle 1. ✨ ✨ This asset is part of the UI Toolkit Bundle 2. ✨ Glow, outlines and soft shadows for your UI Toolkit elements. ✔️ Glow & Outlines Choose two colors and enjoy your glow effect. Choose the same color for both and it's an outline. PLEASE NOTICE: The glow is NOT a BLOOM shader effect (UI Toolkit does not yet support shaders). It's a simple vertex color effect (as shown in the video). *More details below. ✔️ Shadows If you want real box shadows then you can wrap your elements in the Shadow control. Though you can also emulate shadows pretty fine with the none-destructive glow manipulators. 😎 Non-destructive workflow for glow and outlines This does not require you to change your existing UI hierarchy. It works with manipulators and thus can be added to any existing UI element. Simply add the component to your UI Document and you are ready to go. Info: For shadows you will have to use the custom "Shadow" control (more and that below or in the manual). 💫 Animations Use the animation presets to spice up your UI. You can also get control over each vertex for full customization (this requires some coding, examples included). ✔️ USS attributes Control each property with the custom glow attributes. ✔️ Handy Features * Inherit border colors: Allows you to quickly add outlines matching the border color (and you can tint it too). * Split glow width: Control the glow width on each side separately (useful for shadow emulation) * Glow configs and animations are stored in Scriptable Object assets so you can easily copy and reuse them in your projects. This also makes them very easy to modify via script. 📚 Lots of examples & documentation Check out Kamgam/UIToolkitGlow/Examples. ✔️ Supports URP, HDRP and Built-In No custom shader. It generates geometry and uses vertex colors. ✔️ Full Source Code I publish this asset with full source code because as a developer I know how annoying it is to not have source code access. If you like it then please remind others to purchase the plugin. Don't just copy and paste it everywhere (except for the MIT licensed parts, those you can copy). Thank you ❤️ ✔️ Supports Unity 2021.3+, 2022, Unity 6, Unity 6.3, ... LTS It may work with earlier versions too but those are not tested anymore. 👇 Things you should know* 👇 (Read this before you buy) 😲️ This is NOT an uGUI or IMGUI asset. This is for the new UI Toolkit. 😢️ This is (not yet) a fully featured USS BOX SHADOW solution. Unity has announced that they will add these eventually (Source). ⚠️ Since the outline is drawn within the element you will have to set OVERFLOW to VISIBLE or else the outline mesh will be clipped. If you require the overflow to be hidden then please nest a child inside the element for clipping. ⚠️ The glow is NOT a BLOOM shader effect. Sadly UI Toolkit does not yet support custom shaders and therefore we can not add Post-Processing effects to it. The glow in this asset is vertex color based. It will NOT look as nice as a shader based bloom or glow effect. Please take a look at the images and video above, those are taken straight from the Unity demos scenes. ⚠️ Animations are done via vertex animations on the CPU (Unity limitation in UI Toolkit). Take care when animating many elements at the same time. Usually it's not an isse but 'Ye have been warned!'. If you run into any issues please contact support. Maybe we can come up with a custom solution. ⚠️ If you want a precise outline based on the pixel information of an image (alpha/transparency) then this is NOT the right asset for you. It generates rectangular or rounded rectangular outlines (or more complex ones with animations) but those are NOT based on the pixel (alpha/transparency) information of any image. ⚠️ Unity 2021.3 or higher is required (LTS releases strongly recommended). * I know some of these limitations are annoying. Most of the