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
CSS3 Transition Generator
Smooth opacity transition
Generate CSS3 Transforms with Ease
A powerful, intuitive tool for creating complex CSS3 transforms without writing code. Visualize changes in real-time and copy the generated CSS to use in your projects.
SCSS to CSS Converter
Transform your SCSS code into CSS. Fast, easy, and secure.
JSON Viewer
View Big JSON with Ease - Lightning Fast & Smooth
HEX to RGB
Convert HEX color codes to RGB values for web development
Discount Calculator
Calculate discounts, sale prices, and savings with our easy-to-use discount calculator.