Over 11,000 five-star assets

Rated by 85,000+ customers

Supported by 100,000+ forum members

Every asset moderated by Unity

Home
VFX
Shaders
This content is hosted by a third party provider that does not allow video views without acceptance of Targeting Cookies. Please set your cookie preferences for Targeting Cookies to yes if you wish to view videos from these providers.
1/2
Dynamic linear gradients in Unity UI with rounded borders.
Render pipeline compatibility
The Built-in Render Pipeline is Unity’s default render pipeline. It is a general-purpose render pipeline that has limited options for customization. The Universal Render Pipeline (URP) is a Scriptable Render Pipeline that is quick and easy to customize, and lets you create optimized graphics across a wide range of platforms. The High Definition Render Pipeline (HDRP) is a Scriptable Render Pipeline that lets you create cutting-edge, high-fidelity graphics on high-end platforms.
Unity VersionBuilt-inURPHDRP
2022.3.0f1
Not compatible
Compatible
Not compatible
Description

Looking for a huge discount? Get all OccaSoftware assets and tools when you buy the OccaSoftware Bundle.


Make simple images into beautiful gradients with rounded borders.


UI Gradient is a single component that dramatically improves the look of your UI. Without UI Gradient, you need to hand-make gradient textures in Photoshop, then import them to Unity and apply them to Image elements in your UI. With UI Gradient, you simply add the UI Gradient component to your Image object, then configure the gradient options. Make your UI more colorful using gradients with any number of color stops. Configure the gradient direction, scale, and translation to unlock powerful animations. Fade out UI elements using alpha gradients. Create buttons with pixel-perfect rounding at any resolution.


  • Simplify your UI gradient creation process.
  • Make your UI more attractive by using gradients instead of flat colors.
  • Fade out buttons or other UI elements using alpha gradients.
  • Unlock UI animations with Transform options like translation, rotation, and scale.
  • Round button or other UI element borders with pixel-perfect rounding.
Technical details

This UI shader package includes the following:

  • Shader Graph for rendering gradients in the Unity UI
  • Component to control and configure the UI Gradient options
Related keywords

UI Gradient Shader

(not enough ratings)
3 users have favourite this asset
(3)
$20
Taxes/VAT calculated at checkout
License type: Single Entity
Single Entity
Recommended for individuals and small businesses.
Multi Entity
Recommended for large enterprises working across multiple locations.
Refund policy
This asset is covered by the Unity Asset Store Refund Policy. Please see section 2.9.3 of the EULA for details.
Secure checkout:
Supported payment methods: Visa, Mastercard, Maestro, Paypal, Amex
License type
File size
35.4 KB
Latest version
0.1.2
Latest release date
Jul 25, 2024
Original Unity version
2022.3.0
Support
Visit site
Quality assets
Over 11,000 five-star assets
Trusted
Rated by 85,000+ customers
Community support
Supported by 100,000+ forum members
Unity logo
Language
Feedback
Partners Program
Partners
USD
EUR
Copyright © 2025 Unity Technologies
All prices are exclusive of tax
USD
EUR