Hey devs! π
In this mini project, I created a simple Border Radius Generator using HTML, CSS, and JavaScript. Itβs a great beginner-friendly tool that helps users visually adjust border-radius values and instantly copy the CSS code.
π§ What This Project Does:
Lets users control each cornerβs radius (Top-Left, Top-Right, Bottom-Left, Bottom-Right)
Shows a live preview of the box with updated border radius
Displays the CSS code for quick copy-paste
πΉ Watch the Demo Video:
π» Tech Stack:
HTML for structure
CSS for styling and responsive layout
JavaScript for interactivity and real-time updates
π Use Cases:
Perfect for UI/UX designers and developers to test and copy border radius values
Great for beginner frontend portfolios
Helpful tool for styling inspiration
Source Code:
Click here
π¬ Your Feedback?
Let me know what you think or suggest new UI tools I should build next!
π Tags:
Top comments (0)