Border Radius Generator
Generate CSS border-radius values visually. Adjust individual corners with sliders, use quick presets, and toggle advanced H/V mode for complex shapes.
20px
#0891b2
#06b6d4
border-radius: 20px; border: 3px solid #0891b2;
How This Tool Was Built
This tool was created entirely by AI. Here's the exact prompt used to generate it:
Prompt Used
Create a Border Radius Generator with a visual preview box, 4 corner sliders, link-all toggle, quick presets (circle, pill, leaf, blob), advanced 8-value mode, border style/color/width options, and CSS output with copy button.
Claude AI Model
9,000 Tokens Used
AI-Generated Code Origin