🟦 Border Radius Pro

Intuitive & Precise Border Radius Generator

🔗 Open App • Features • How to Use • Technology Stack • Installation • License

📝 Overview

Border Radius Pro is an intuitive web tool for visually editing the CSS border-radius property. Easily adjust 4-point, 8-point, elliptical, and complex shapes using drag handles and sliders. Real-time preview and instant code output help you design and develop faster and more efficiently.

✨ Features

• 🎛 Generate 4-point, 8-point, elliptical, and complex border-radius shapes
• 🖱 Intuitive control with drag handles and sliders
• 👀 Real-time preview of your design
• 📋 One-click copy of CSS code
• 🌓 Light/Dark theme toggle
• 📱 Responsive UI for mobile devices
• 🧩 TailwindCSS-compatible code output

🚀 How to Use

1. Drag handles or use sliders in the preview area to adjust the radius
2. Switch between 4-point, 8-point, elliptical, or complex modes
3. Copy the generated CSS code with one click
4. Save and load your favorite presets
5. Customize theme and display options as needed

💻 Technology Stack

• Nuxt 4
• NuxtUI 3
• TailwindCSS

🔧 Installation

git clone https://github.com/k-urtica/border-radius-pro.git

cd border-radius-pro

pnpm install

pnpm run dev

🔗 URL

https://border-radius-pro.web-toolbox.dev/

📄 License

This project is licensed under the MIT License. Copyright © 2025 K.

👨‍💻 Developer

👤 K

• Twitter: @k_urtica
• GitHub: @k-urtica