MARKETPLACE
PLUGINS
GRADIENT TEXT
Gradient Text logo

Gradient Text

Published April 2022
   •    Updated December 2025

Plugin details

Bring your texts to life by applying beautiful gradients. Give your app that modern look with this plugin.
Demo: https://dragdrop-agency.bubbleapps.io/gradient_text

$10

One time  •  Or  $2/mo

No ratings yet
70 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Drag Drop logo
Drag Drop
Joined 2019   •   8 Plugins
View contributor profile

Instructions

1. If you haven't already done so, go to the Settings tab and under General, check the box that says "expose the option to add an ID attribute to HTML elements".
2. Download the plugin.

3. Click on the text that you want to apply the gradient on. Scroll all the way to the bottom to where it says "ID attribute". Give it a unique name.

4. Open the plugin and next to "ID" give it the exact name from step 3.

5. Choose the two colors you want for the gradient and you are done!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Social Network   •   Mobile   •   Containers   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (0.0)

Doesn't seem to work
March 3rd, 2023
Nothing happens when I add the attribute ID, and I just purchased this. I'm not too good with bubble so I'm not sure if I'm doing something wrong.
Bubble