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
Stylus to CSS Converter
Transform your SCSS code into CSS. Fast, easy, and secure.
Less to CSS Converter
Transform your Less code into CSS. Fast, easy, and secure.
CSS Beautifier
Format and beautify your CSS code with professional precision
Count words, characters, and more
Get detailed statistics about your text with our accurate word counter tool.
Charge Converter
Convert electric charge measurements between different units with precision
ASCII to Text
Convert ASCII code to text effortlessly