Border RadiusGenerator
A border-radius CSS Generator tool to quickly generate border-radius CSS declarations.
Preview
Border Radius
Customize me
CSS Output
border-radius: 10px;
Radius Controls
Individual Corners
10px
10px
10px
10px
Uniform Radius
10px
Quick Shapes
Units
Presets
Square
Slightly Rounded
Rounded
Pill
Circle
Top Rounded
Bottom Rounded
Left Rounded
How to Use
Basic Controls
- Adjust individual corner radii using the sliders
- Link radii to adjust all corners simultaneously
- Use the Quick Shapes buttons for common presets
- Choose between pixels (px), percentages (%), and EM (em) units
Advanced Features
- Save and load presets for quick access to your favorite shapes
- Click Random Radiusfor inspiration
- Copy the generated CSS code and paste it into your project
- Toggle dark mode for comfortable late-night designing
Related Tools
Sass to CSS Converter
Transform your Sass code into CSS. Fast, easy, and secure.
CSS3 Transition Generator
Smooth opacity transition
CSS Minifier
Compress and optimize your CSS code with professional precision
RGB to CMYK
Convert RGB colors to CMYK values for print design
Whirlpool Hash Calculator
Generate Whirlpool hashes quickly and easily
Electrical Unit Converter
Convert between different electrical units with precision for your engineering calculations