Border Radius Generator

Set border-radius per corner with linked or independent values and preview squircle-like organic shapes. Copies the exact CSS for every configuration.

100% free No uploads Runs in your browser No signup

Border radius generator

Corners

All corners24px

CSS output

border-radius: 24px;

Tip: for true squircles use CSS clip-path or SVG masks.

Values follow the corners clockwise from top-left. 50% on every corner of a square gives a perfect circle; a large pixel value (999px) turns rectangles into pills. The Leaf and Blob presets are popular decorative shapes.

How to use the Border Radius Generator

1
Open the tool above — it is already running, no install or account needed.
2
Enter your input and adjust the options to match what you need.
3
Copy or download the result — everything was processed locally in your browser.

Private by design

This tool runs 100% inside your own browser using local JavaScript — your input never touches a server. That makes it instant, offline-capable in many cases, and private even for sensitive data.

Related tools

Password Breach Checker

Check if a password has been leaked

CSS Gradient Generator

Linear & radial gradients with live preview

Meta Tag Generator

SEO, Open Graph & Twitter tags

Internet Speed Test

Download, upload, ping and jitter

CSS Minifier

Strip whitespace & shorten CSS

Email Validator

Syntax and format checks, explained

Discord ID Lookup

Decode IDs into account & server dates

Password Strength Checker

Crack-time estimate for any password