MARKETPLACE
PLUGINS
CUSTOM BORDERS
Custom Borders logo

Custom Borders

Published February 2025
   •    Updated November 2025

Plugin details

The Custom Borders Plugin allows you to add fully customizable gradient and dashed borders to any element dynamically. This plugin provides flexible options to create visually appealing borders without affecting the element’s layout or content positioning.
Questions about this plugin/template? Feel free to post any question or submit a query to get instant support.
Link to our forum:
https://forum.thechakor.com/

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

Editor: https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1737714078171x856715495616806900_current&tab=Design&name=custom_borders&type=page

$5

One time

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

1. Enter the Element ID Enter the ID of the element you want to apply the border to.

2. Choose a Border Style
Select either:
Gradient Border
Dashed Border

3. Fill in the Required Fields

For Gradient Border:
Start Color (e.g., #ff0000 for red)
End Color (e.g., #0000ff for blue)
Angle (e.g., 0 for left-to-right, 90 for top-to-bottom)
Border Width (Thickness, e.g., 2px)
Border Radius (Optional, for rounded corners)

For Dashed Border:
Border Color (e.g., #000000 for black)
Border Width (Thickness, e.g., 2px)
Dash Length (e.g., 6px)
Gap Length (e.g., 4px)
Dash Offset (Optional, shifts dashes)
Border Radius (Optional, for rounded corners)

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble