Border Radius Generator
Individual sliders for all four corners (TL, TR, BR, BL), each with horizontal and vertical radii for elliptical shapes. Live preview on a rectangle. Generates the full border-radius shorthand or individual corner properties. Includes preset shapes: pill, squircle, leaf, egg.
Loading tool...Loading tool...
Common Use Cases
- Design card shapes for UI components
- Create squircle app icons
- Build blob shapes for backgrounds
- Generate CSS for design system tokens
Frequently Asked Questions
What is a squircle?
A squircle is a shape between a square and a circle, used by Apple for app icons. In CSS it's approximated with border-radius: 22.4% — giving a smooth, continuous curve that's more visually pleasing than a simple rounded rectangle.
Related Tools
CSS Box Shadow GeneratorVisually build CSS box shadows with live preview. Add multiple layers and copy the CSS.CSS Gradient GeneratorBuild linear, radial, and conic CSS gradients visually. Add stops, set angle, copy CSS.Color ConverterConvert colors between HEX, RGB, HSL, HSV, and CMYK formats with a visual picker.
Tool Info
CategorydesignAI EnhancementNoData StorageZero retention