trysandbox.io logotrysandbox.io

// a sandbox of 169 sharp tools

Every little generator
you keep googling for.

QR, barcodes, bcrypt hashes for PHP, UUIDs, JWT decoders, color palettes — fast, local, no signup. Search the sandbox and start.

Gradient Border CSS

Design · tool

Gradient Border CSS

Animated and static gradient borders.

Gradient border card
.gradient-border {
  position: relative;
  border-radius: 14px;
  background: #0f172a;
  padding: 24px;
}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(120deg, #34d399, #f97316);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

// about the sandbox

The small utilities you need,
without the ad-walls.

Every generator runs entirely in your browser. Your inputs never leave the page — no servers, no logging, no tracking pixels. Open the tool, get the thing, close the tab.

  • 100%client-side
  • 0accounts
  • 169sharp tools
  • ∞free forever