Tool

Border Radius & Squircle

Round every corner on its own or link them as one, live on a real preview box. Flip to squircle mode for smooth, iOS-style superellipse corners with a smoothing slider that goes from a plain arc to the full app-icon curve. Copy the CSS border-radius shorthand, a Tailwind v4 class, or a paste-ready SVG clip-path.

Presets

Mode

Native CSS border-radius — a circular arc at each corner. Exports crisp, resolution-independent CSS.

Corners

Link all cornersAll corners16px

Preview

Size240px

Stage

.rounded-box {
  border-radius: 16px;
}