Wszystkie narzędzia
Programistyczne
Border Radius Generator
Visually design CSS border-radius with live preview and copy the generated code.
About Border Radius Generator
Border Radius Generator is a free online tool for visually designing CSS border-radius values with a live preview. Adjust each corner independently or link them together, choose from preset shapes, and instantly copy the generated CSS code for your project.
How to Use
Use the sliders to adjust each corner's border radius, or enable 'Link All Corners' to change them uniformly. Select a preset shape for quick starting points. Toggle Advanced mode for 8-value control (horizontal and vertical radii per corner). Customize the preview appearance with background and border colors. Copy the generated CSS with one click.
Common Use Cases
- •Designing rounded buttons and card components
- •Creating pill-shaped tags and badges
- •Making circular profile picture containers
- •Designing organic blob shapes for decorative elements
- •Generating consistent border-radius values across a design system