Small tasks, made easier. MiniKit is now live.Explore
minikit.
Explore tools

CSS border-radius generator

Set four corner radii, preview the shape and copy the CSS locally.

How to use

  1. Top left (px)
  2. Top right (px)
  3. Generate CSS

CSS radii for four physical corners

Enter values in physical corner order: top left, top right, bottom right, bottom left. This order stays the same in right-to-left interfaces; it does not follow logical start/end directions. Each corner takes a whole-number pixel radius from 0 to 200, inclusive; zero means a square corner. Only px is supported, not percentages or elliptical slash syntax with separate horizontal and vertical radii. If adjacent radii do not fit a side, the browser may proportionally reduce them under CSS rules; the visible rounding also depends on the element’s dimensions. Generate CSS to preview the shape, then copy the complete border-radius declaration into a CSS rule. For example, 16, 32, 48, 0 produces border-radius: 16px 32px 48px 0px;. This tool generates CSS; unlike the Round image corners tool, it does not upload or process image files. Processing is local in your browser; entered values and CSS are not sent to a server.

Explore tools
Works instantly
Privacy comes first
Free and simple
New tools every week
✳YOUR TOOLKIT

Tools that get it done.
Nothing you don’t need.

97 tools ready
FREE

CSS border-radius generator

Set four corner radii, preview the shape and copy the CSS locally.

All corners: whole numbers 0–200 px, inclusive. The browser may scale large or overlapping radii to fit the shape.

Corner preview

Your text never leaves your device
Explore tools
✳LESS FUSS, MORE DONE

Focus on your task,
not finding a tool.

You don’t need a different website for every little task. MiniKit brings the practical tools you use most together in one clear, easy place.

Explore the tools
01

Actually fast

Open it, do the thing, move on. No downloads, sign-up forms or waiting.

02

Privacy first

Your files and text stay on your device. We don’t store your data.

03

Simple for everyone

No confusing menus. What you need is right where it should be.

PRIVATE BY DESIGN

Your files get the job
done without passing through us.

Your images, text, QR contents and calculations are processed in your browser. Read our privacy policy for details about hosting, local storage and the current advertising status.

PRIVACY FIRST
✳

Make your next little task
a little easier.

Try your first tool now. Free, no account, no fuss.

Let’s get started
✳

Example

16px · 32px · 48px · 0px
border-radius: 16px 32px 48px 0px;

Frequently asked questions

Is my input sent to a server?

Your images, text, QR contents and calculations are processed in your browser. Read our privacy policy for details about hosting, local storage and the current advertising status.

Is this tool free?

No account needed · Always free