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
Less to CSS Converter
Transform your Less code into CSS. Fast, easy, and secure.
Sass to CSS Converter
Transform your Sass code into CSS. Fast, easy, and secure.
Stylus to CSS Converter
Transform your SCSS code into CSS. Fast, easy, and secure.
Shake-256 Hash Calculator
Generate Shake-256 hashes quickly and easily
Power Unit Converter
Convert between different units of power with precision for your engineering and scientific needs
WordPress Password Hash Generator
Generate secure password hashes for WordPress