Content is loading…
Share
Design custom CSS border radius shapes with live preview.
Create custom CSS border radius shapes with individual corner controls. Design circles, pills, squircles, or any custom rounded shape with real-time preview. Supports both uniform and per-corner radius values.
Quickly design and export custom rounded shapes for your website using this intuitive CSS generator.
Access the CSS Border Radius Generator
Navigate to the tool page to view the live preview shape and the configuration controls.
Adjust individual corner radius values
Use the sliders or input fields to modify the top, bottom, left, and right corners independently. This allows you to create unique shapes like squircles or pills.
Preview your custom shape in real-time
Observe the visual container on the screen as it updates instantly based on your radius settings. Ensure the curvature matches your design requirements.
Copy the generated CSS code
Once you are satisfied with the shape, locate the output field containing the border-radius property. Click to copy the code directly to your clipboard for use in your stylesheet.
Estimated time: PT1M
how to use design tools
Learn how to use design tools effectively to create stunning visuals. Master CSS generators, color palettes, and accessibility checkers with this expert guide.
CSS Border Radius Generator: Create Custom Rounded Shapes
Easily design custom CSS border radius shapes with our free generator. Create circles, pills, and squircles with individual corner controls and live preview.
Share this tool
Remove whitespace and comments to minify CSS code.
Upload an image and get all favicon sizes + HTML link tags.
Generate custom placeholder images with any size, color, and text.
Extract dominant colors from any image and export as HEX, RGB, HSL, CSS, or JSON.
Turn code snippets into beautiful shareable images.
Generate harmonious color palettes from any base color
Convert text or Markdown to a Word .docx file with live preview, RTL, and page-setup options.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
Convert Markdown to a fully customized, RTL-ready PDF.
Load and compare multiple URLs side by side in resizable iframes.
Record your screen directly in the browser. Download as WebM video.
Buy social media marketing services — followers, likes, views and more.
Play local or online videos with HLS stream support, subtitles, playlist, and bookmarks.
Create shareable URL playlists with live iframe preview and password protection.
border-radius: 0%;