{"id":15295918,"url":"https://github.com/mdbootstrap/bootstrap-border-radius","last_synced_at":"2025-03-25T03:53:18.312Z","repository":{"id":65526053,"uuid":"516699874","full_name":"mdbootstrap/bootstrap-border-radius","owner":"mdbootstrap","description":"Responsive Border Radius built with Bootstrap 5. Use border radius to define the radius of the element's corners. This component gives you an ability to add rounded corners to elements","archived":false,"fork":false,"pushed_at":"2022-07-22T14:37:05.000Z","size":1013,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-01T23:37:13.128Z","etag":null,"topics":["bootstrap","bootstrap-template","bootstrap-theme","bootstrap5","css","html"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.pdf","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-22T10:00:40.000Z","updated_at":"2022-07-22T14:38:55.000Z","dependencies_parsed_at":"2023-01-27T09:00:59.024Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/bootstrap-border-radius","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-border-radius","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-border-radius/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-border-radius/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-border-radius/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/bootstrap-border-radius/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245394770,"owners_count":20608123,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-template","bootstrap-theme","bootstrap5","css","html"],"created_at":"2024-09-30T18:08:36.636Z","updated_at":"2025-03-25T03:53:18.288Z","avatar_url":"https://github.com/mdbootstrap.png","language":"SCSS","readme":"Responsive Border Radius built with Bootstrap 5. Use border radius to define the radius of the element's corners. This component gives you an ability to add rounded corners to elements.\n\nCheck out [Bootstrap Border Radius Documentation](https://mdbootstrap.com/docs/standard/extended/border-radius/) for detailed instructions \u0026 even more examples.\n\n## Basic example\n\n![Bootstrap 5 Overlay](/assets/basic.png)\n\n```html\n\u003cspan class=\"square bg-primary rounded\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-top\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-end\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-bottom\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-start\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-pill\" style=\"width: 150px\"\u003e\u003c/span\u003e\n\u003cspan class=\"square bg-primary rounded-0\"\u003e\u003c/span\u003e\n```\n\n## How to use?\n\n1. Download MDB 5 - free UI KIT\n\n2. Choose your favourite customized component and click on the image\n\n3. Copy \u0026 paste the code into your MDB project\n\n[▶️ Subscribe to YouTube channel for web development tutorials \u0026 resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)\n\n## More examples\n\n[Bootstrap Border Radius Sizes:\n![Bootstrap 5 Border Radius](/assets/size.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-sizes)\n\n[Bootstrap Border Radius Circle:\n![Bootstrap 5 Border Radius](/assets/circle.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-circle)\n\n[Bootstrap Border Radius 0:\n![Bootstrap 5 Border Radius](/assets/border-0.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-0)\n\n[Bootstrap Border Radius Rounded:\n![Bootstrap 5 Border Radius](/assets/rounded.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-rounded)\n\n[Bootstrap Border Radius Top:\n![Bootstrap 5 Border Radius](/assets/top.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-top)\n\n[Bootstrap Border Radius Bottom:\n![Bootstrap 5 Border Radius](/assets/bottom.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-bottom)\n\n[Bootstrap Border Radius Sizes Image:\n![Bootstrap 5 Border Radius](/assets/size.png)](https://mdbootstrap.com/docs/standard/extended/border-radius/#section-border-radius-on-just-one-image)\n\n___\n\n## More extended Bootstrap documentation\n\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/avatar/\"\u003eBootstrap avatar\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/profiles/\"\u003eBootstrap profiles\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/utilities/borders/\"\u003eBootstrap borders\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/content-styles/colors/\"\u003eBootstrap colors\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/components/buttons/\"\u003eBootstrap buttons\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/content-styles/images/\"\u003eBootstrap images\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/data/tables/\"\u003eBootstrap tables\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-border-radius","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Fbootstrap-border-radius","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-border-radius/lists"}