Border Generator

Preset

Box BG

Border Width (px)

Border Style

Border Base

Border Opacity

Tint Color

Tint Strength

Radius Linked?

Radius (px)

Radius corners

Outline?

Outline Width (px)

Outline Offset (px)

Outline Color

Outline Opacity

Inset Ring?

Inset Ring Size (px)

Inset Ring Color

Inset Ring Opacity

Gradient Border?

Gradient A

Gradient B

Gradient Angle (deg)

Live Preview

Preview Box

Your CSS

Notes: Gradient borders use border-image (works well for rectangular/pill shapes). For “focus rings”, prefer outline so layout doesn’t shift.