Border RadiusJune 23, 2025

CSS Border Radius Generator: Soften Your Edges

Create rounded corners for your buttons and cards. Generate simple or complex (blob-like) border-radius shapes visually.

Introduction

Rounded corners make UIs feel friendly and modern. The `border-radius` property is simple, but creating complex, organic shapes requires 8 different values. TekToolHub's **Border Radius Generator** makes it intuitive.

Features

  • **Simple Mode:** Adjust all corners equally.
  • **Complex Mode:** Control each corner individually (top-left, top-right, etc.).
  • **Blob Maker:** Create organic, non-symmetrical shapes.

How to Use

  1. **Drag Handles:** Pull the corners of the box to shape it.
  2. **Preview:** See the shape update instantly.
  3. **Copy:** Get the CSS code.

Soften your design with **Border Radius Generator**.

T

TekToolHub Team

Building free, privacy-focused tools for developers and creators.