Text Gradient

The Text Gradient Plugin allows you to effortlessly apply stunning gradient effects to text elements in your Bubble app. With easy-to-configure options for gradient direction and colours, you can create visually appealing text styles that enhance the look and feel of your app.

Demo Link: https://chakor-plugin-demo-6.bubbleapps.io/version-test/text_gradient

Editor Link: https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1737535625311x600399133875896300_current&tab=Design&name=text_gradient&type=page

Instructions to Use the "Text Gradient Plugin"

1. Install the Plugin in Your Bubble App
   • Open your Bubble app editor.
     
   • Navigate to the Plugins tab.
     
   • Click on Add Plugins and search for "Text Gradient Plugin."
     
   • Install the plugin into your app.
     
2. Add the "Text Gradient" Element
   • In your Bubble app editor, go to the Design tab.
     
   • Drag and drop the Text Gradient element onto your page.
     
   • Select the element and configure its required fields:
     
   • Text ID: Provide the ID of the text element you want to apply the gradient to.
     
   • Gradient Direction: Choose the direction for the gradient (e.g., tto left,to right,135deg,180deg,45deg,90deg).
     
   • Gradient Color Primary: Specify the primary color of the gradient.
     
   • Gradient Color Secondary: Specify the secondary color of the gradient.
     
3. Preview and Adjust
   • Run your app to see the gradient applied to the selected text element.
     
   • Adjust the gradient settings in the Bubble editor as needed to achieve the desired effect.