Borders
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Border
Change the border color using classes.
primary
secondary
red
green
blue
yellow
.white
.black
Border radius
Add classes to an element to easily round its corners.
.rounded
.top
.right
.left
.bottom
.circle
Border thinkness
Are you feeling extra thick today or thin as a needle?
primary
secondary
red
green
blue
yellow
primary
secondary
red
green
blue
yellow
Cards
Add borders to cards to make them even look cooler.
.border-top-primary
.border-right-primary
.border-bottom-primary
.border-bottom-left
.border-top-secondary
.border-right-secondary
.border-bottom-secondary
.border-bottom-left
.border-top-red
.border-right-red
.border-bottom-red
.border-bottom-left
.border-top-green
.border-right-green
.border-bottom-green
.border-bottom-left
.border-top-blue
.border-right-blue
.border-bottom-blue
.border-bottom-left
.border-top-yellow
.border-right-yellow
.border-bottom-yellow
.border-bottom-left
.border-top-white
.border-right-white
.border-bottom-white
.border-bottom-left
.border-top-black
.border-right-black
.border-bottom-black
.border-bottom-left