LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Prism Border Configurator

How to Use in Bricks Builder

  1. Customize your Prism Border using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-prism-border📋
    to your container element
This tool creates a custom script with your settings built-in. All your Prism Border configurations are included in the generated code!
Prism Border Effect
BricksFusion Exclusive Get Your Prism Border

Add stunning animated gradient borders to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Eye-catching animated gradient border effect
  • Fully responsive design that adapts to any container
  • Customizable colors, speed, blur, and width
  • Works in all modern browsers and devices
Color Settings
Gradient Colors
Add Color
Animation Settings
Animation Preview
Animation Speed 15s
Blur Amount 5px
Border Width 2px

JavaScript Code