🍋 CSS Tools
CSS Border Radius Generator
chars
words
sentences
lines
Border Radius Options
Results
Result
About CSS Border Radius Generator
Generate border-radius CSS with 17 presets — pill, blob, leaf, drop, ticket — with shorthand optimization and Tailwind output.
How It Works
Pick from 17 presets including standard sizes (sm/md/lg/xl), shapes (pill, leaf, drop), and asymmetric styles (blob, ticket). Outputs optimized shorthand CSS, longhand properties for asymmetric corners, and the matching Tailwind utility class.
Frequently Asked Questions
What is the shorthand optimization?
When all corners are equal, it outputs a single value. When opposite corners match, it uses the 2-value shorthand. Otherwise all 4 values.
What units are available?
px (pixels), rem (root em), and % (percentage). Choose based on your design system.