Border Radius Preview
A visual CSS border-radius generator. Customize each corner individually or together, preview in real-time, and copy the generated CSS code.
Individual Corner Control
Linked/Unlinked Mode
Quick Presets
Live Preview
Copy CSS Code
- Adjust Corners: Use the sliders to change all corners at once, or unlink them to control each one individually.
- Choose Units: Switch between
px,%,em, andremto suit your project needs. - Copy Code: Click the "Copy" button to grab the generated valid CSS code for your stylesheet.
- Use Presets: Tried-and-true shapes like "Pill" or "Leaf" are just a click away.
- Speed: Prototyping rounded shapes visually is much faster than guessing numbers in your code.
- Learning: Understand how the different values in the
border-radiusshorthand property work together. - Accuracy: Avoid syntax errors and ensure your corners look exactly the way you intend.
Other Tools
Braille Converter
Convert plain text to and from Grade 1 Unicode braille in your browser. Supports letters, digits, and common punctuation with clear limits—no Grade 2 contractions.
Box Shadow Generator
Create beautiful, layered CSS box-shadows visually. Customize blur, spread, color, and opacity. Copy instantly for your website or app. Supports inset shadows.
Chmod Calculator
Calculate Unix file permissions with an interactive chmod calculator. Convert between octal (755) and symbolic (-rwxr-xr-x) formats.
Clipboard Inspector
Paste text or a small file to inspect what you copied: detected format, character and word counts, extracted URLs and emails. Runs entirely in your browser.
Compare Two Lists
Compare two lists to find items that appear in both, in only one of them, or the deduplicated union of both. Ideal for reconciling exports, cleaning merges, and verifying data.
Color Contrast Checker (WCAG)
Check color contrast ratio between foreground and background colors. Ensure your design meets WCAG 2.1 AA and AAA accessibility standards.