CSS Gradient Border Generator

Generate gradient borders with multiple methods

Simple but doesn't support border-radius well

Border Width3px

Border Radius8px

Gradient Border

.gradient-border {
  border: 3px solid;
  border-image: linear-gradient(to right, #3b82f6, #8b5cf6) 1;
  border-radius: 8px;
}