🔲 Border Radius Visualizer
gen8x.com
Adjust each corner · px / % · real‑time preview · copy CSS
Corners
↖ top-left
20px
↗ top-right
40px
↘ bottom-right
60px
↙ bottom-left
80px
Link all corners
px
%
Dimensions (width × height)
W
px
H
px
Background color
#38bdf8
Presets
💊 Pill
⭕ Circle
⬜ Squircle
🍃 Leaf
🫧 Blob
💬 Bubble
border-radius
📋 Copy
20px 40px 60px 80px
8-value: 20px 40px 60px 80px / 20px 40px 60px 80px