https://github.com/kkrishguptaa/border-radius-previewer

Minimalistic Border Radius Previewer 💄
https://github.com/kkrishguptaa/border-radius-previewer

css html javascript static

Last synced: about 2 months ago
JSON representation

Minimalistic Border Radius Previewer 💄

• Host: GitHub
• URL: https://github.com/kkrishguptaa/border-radius-previewer
• Owner: kkrishguptaa
• License: gpl-3.0
• Created: 2023-12-25T08:45:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-19T01:23:18.000Z (2 months ago)
• Last Synced: 2025-04-06T01:41:52.709Z (about 2 months ago)
• Topics: css, html, javascript, static
• Language: HTML
• Homepage: https://xkrishguptaa.github.io/border-radius-previewer/
• Size: 371 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  


  
Border Radius Previewer

  
Minimalistic Border Radius Previewer

  




## 📸 Screenshots

| Desktop | Mobile |

| --- | --- |

| ![Screenshot of the application, the page includes a heading "Border Radius Previewer", a textbox for input border radiuses and the output as a square element with the border-radius style](https://github.com/xkrishguptaa/border-radius-previewer/raw/main/assets/screenshots/desktop.png) |   ![Screenshot of Border Radius Previewer On A Mobile Device To Showcase That It's Responsive](https://github.com/xkrishguptaa/border-radius-previewer/raw/main/assets/screenshots/mobile.png)  |

## 🌟 Features

- [x] User can see a box which has a border-radius property applied to it

- [x] User can change the 4 border-radius values that are applied to the box (top-left, top-right, bottom-left, bottom-right)

- [x] User can copy the resulting CSS to the clipboard

- [x] User can change all 8 possible values of the border-radius in order to create a complex shape

## 💡 Origin

Details can be found => [xkrishguptaa/learning#3](https://github.com/xkrishguptaa/learning/issues/3), Adapted from [florinpop17/app-ideas](https://github.com/florinpop17/app-ideas/blob/master/Projects/1-Beginner/Border-Radius-Previewer.md)