{"id":28724409,"url":"https://github.com/ahmadrafidev/rim","last_synced_at":"2026-04-27T16:33:15.540Z","repository":{"id":299182664,"uuid":"1002252577","full_name":"ahmadrafidev/rim","owner":"ahmadrafidev","description":"Fast, intuitive radius calculations for designers and developers.","archived":false,"fork":false,"pushed_at":"2025-09-21T14:34:52.000Z","size":214,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-27T22:35:55.677Z","etag":null,"topics":["border-radius-generator","devtools","ui"],"latest_commit_sha":null,"homepage":"https://rimm.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ahmadrafidev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-15T03:52:34.000Z","updated_at":"2025-09-24T03:20:09.000Z","dependencies_parsed_at":"2025-09-07T15:36:56.482Z","dependency_job_id":"712a9208-3d1a-4277-a024-4247d1509ec3","html_url":"https://github.com/ahmadrafidev/rim","commit_stats":null,"previous_names":["ahmadrafidev/rim"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ahmadrafidev/rim","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadrafidev%2Frim","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadrafidev%2Frim/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadrafidev%2Frim/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadrafidev%2Frim/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahmadrafidev","download_url":"https://codeload.github.com/ahmadrafidev/rim/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadrafidev%2Frim/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32345804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["border-radius-generator","devtools","ui"],"created_at":"2025-06-15T10:39:14.627Z","updated_at":"2026-04-27T16:33:15.521Z","avatar_url":"https://github.com/ahmadrafidev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"public/images/logo.png\" alt=\"Rim Logo\" width=\"120\" height=\"120\"\u003e\n\n# Rim\n\n**Fast, intuitive border radius calculations for better design consistency**\n\n\u003c/div\u003e\n\n## 🎯 Why Rim?\n\nEver struggled with nested elements where border radius just doesn't look *right*? You set the same radius on both outer container and inner content, but somehow the inner corners look sharper and visually inconsistent?\n\n**I built Rim to solve this personal frustration.** After countless designs where nested radius values looked off, I wanted a simple tool to calculate the *correct* outer radius based on your desired inner radius and padding.\n\n## 🧮 The Simple Math\n\nThe solution is beautifully simple:\n\n```\nouter_radius = inner_radius + padding\n```\n\n**Instead of guessing**, start with your desired inner content radius, add your padding, and get the perfect outer radius that maintains visual harmony.\n\n## 🎨 Main Features\n\nRim provides a live, interactive demonstration showing:\n\n- ✅ **Correct approach**: Calculated outer radius maintains design consistency\n- ❌ **Wrong approach**: Same radius on both elements creates visual inconsistency\n- 🎛️ **Real-time calculator**: Adjust inner radius, padding, and dimensions to see immediate results\n- 📐 **Visual comparison**: Side-by-side preview of right vs wrong implementations\n\nPerfect for card layouts, buttons, form inputs, modals, and navigation components.\n\n## 🚀 Get Started\n\n```bash\n# Clone the repository\ngit clone https://github.com/ahmadrafidev/rim.git\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nVisit `http://localhost:3000` to start calculating better radius values!\n\n## 🤝 Make Rim Better\n\n**Help make design consistency effortless for everyone!** \n\nWhether you're a designer tired of eyeballing radius values, a developer seeking pixel-perfect implementations, or someone who just loves clean, mathematical solutions to design problems – **your contributions are welcome**.\n\n### Ways to Contribute\n\n- 🐛 **Found a bug?** Open an issue\n- 💡 **Have an idea?** Share it in discussions  \n- 🎨 **Design improvements?** Submit a PR\n- 📖 **Better documentation?** Always appreciated\n- 🧮 **New calculation methods?** Let's explore together\n\n**Together, we can eliminate visual inconsistency one radius at a time.**\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\nBuilt with ❤️ for designers and developers who care about the pixel details.\n\n[🌐 Try Rim](https://rimm.vercel.app/) • [🐛 Report A Bug](https://github.com/ahmadrafidev/rim/issues)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadrafidev%2Frim","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmadrafidev%2Frim","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmadrafidev%2Frim/lists"}