Skip to main content

Quick Overview

Bordex is a simple, fun library for adding creative borders to HTML elements with minimal effort. Designed to be easy to use, Bordex offers a variety of pre-styled borders that can be applied with a single function call.

Getting Started​

Install Bordex​

npm install bordex

or you can use the CDN link.

import { addGradientBorder } from "https://unpkg.com/bordex@latest/dist/index.js";

Import and Use​

import { addGradientBorder } from "bordex";

// Apply a gradient border to an element
const element = document.getElementById("my-element");
addGradientBorder(element, {}, "class");

example border demo

Explore Options​

Customize borders with available settings, but proceed with caution, as some configurations may be unpredictable! Check the List of Border Styles for more styling examples.