Global Gradients (like Global Colors)

[tjtate]

Describe the Problem

Elementor has Global Colors and Global Typography in Site Settings, but no equivalent for gradients. Users must recreate the same gradients in multiple places (buttons, backgrounds, text, etc.), which slows design, makes updates tedious, and hurts consistency across the site.

Propose a Solution

Add Global Gradients that work like Global Colors:

Site Settings → Global Gradients tab – Where users define gradient presets (e.g. “Brand Gradient”, “Hero Gradient”).
Globe icon on gradient controls – Same UX as color controls: choose a saved global gradient or set a custom one.
Same data structure as current gradients – Type (linear/radial), colors, stops, angle/position, and responsive variants where applicable.

Additional Context

Use cases: brand consistency, easier template reuse, single place to update gradients, design system alignment.
Implementation could mirror Global Colors: new Kit tab, Data API endpoint (globals/gradients), global support on Group_Control_Background for gradient type, and editor UI for selecting global gradients.

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.