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

Easy to use css border-radius generator!
https://github.com/k-urtica/border-radius-pro

border-radius border-radius-generator css-generator css-tool nuxt nuxtui tool vue

Last synced: 26 days ago
JSON representation

Easy to use css border-radius generator!

• Host: GitHub
• URL: https://github.com/k-urtica/border-radius-pro
• Owner: k-urtica
• License: mit
• Created: 2025-08-04T09:53:05.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-11-01T06:23:28.000Z (7 months ago)
• Last Synced: 2025-11-01T08:27:18.104Z (7 months ago)
• Topics: border-radius, border-radius-generator, css-generator, css-tool, nuxt, nuxtui, tool, vue
• Language: Vue
• Homepage: https://border-radius-pro.web-toolbox.dev/
• Size: 1.63 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

🟦 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](https://nuxt.com/)

- [NuxtUI 3](https://ui.nuxt.com/)

- [TailwindCSS](https://tailwindcss.com/)

## 🔧 Installation

```bash

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/](https://border-radius-pro.web-toolbox.dev/)

## 📄 License

This project is licensed under the [MIT](https://opensource.org/licenses/MIT) License.

Copyright © 2025 K.

## 👨‍💻 Developer

👤 **K**

- Twitter: [@k_urtica](https://twitter.com/k_urtica)

- GitHub: [@k-urtica](https://github.com/k-urtica)