Corner Radius: Live Preview

Pick the exact corner radius for a button, card, sheet or app icon — and see it live, at real size, before you write a single line of code. Most radius decisions are made blind: you type a number, rebuild, squint, then type another one. RadiusPreview collapses that loop into a single slider. Drag it and a real, scalable shape reshapes instantly on screen — 0 to 160 pt, uniform or corner by corner. Switch between Apple's continuous squircle and a true circular arc, and watch the difference the way your eyes actually read it. Once the shape looks right, the exact CSS, SwiftUI or SVG is already written for you, ready to copy. WHAT YOU GET - One slider that reshapes a real surface in real time — no rebuild, no guessing - Copy-ready CSS, SwiftUI and SVG code for the exact shape on screen - Independent control of all four corners for sheets, chat bubbles and tabs - A continuous-vs-circular comparison that finally explains why one looks softer - 12 ready-made presets — card, button, pill, sheet, squircle, app icon mask and more - A saved library of your shapes, so a settled radius never gets re-litigated HOW IT WORKS Preview is the stage: corner radius from 0 to 160 pt, width and height from 80 to 340 pt, border width from 0 to 12 pt, plus live stat chips reading back the radius in pt, the size as W x H, and the current curve style. Uniform mode moves all four corners together; per-corner mode gives you four independent sliders for top-leading, top-trailing, bottom-leading and bottom-trailing. Export writes the code for whatever is on screen. CSS with border-radius, border, width and height. SwiftUI with RoundedRectangle or UnevenRoundedRectangle, using .continuous or .circular. SVG as a rect with rx and ry, or a path when the corners are asymmetric. There is a character count, one-tap copy to the clipboard and the iOS share sheet for the code text. Your default format is remembered. Presets cover Components, iOS, Asymmetric and Foundations. Compare puts a circular tile beside a continuous one at a shared radius, and the free reference strip lays out the classic 0/4/8/12/16/24/32/48 scale. Saved keeps your shapes on the device with a thumbnail and a timestamp — tap to reload, or remove one with a delete button. PERFECT FOR - iOS developers matching SwiftUI surfaces to the system look - Web and front-end developers writing border-radius by hand - Product and UI designers defining a radius scale for a design system - Anyone who has ever argued about whether 12 or 16 looks better WHY NOT JUST EYEBALL IT IN THE INSPECTOR? A radius of 44 pt on a 260 pt card is not the same radius on a 56 pt button, and a continuous curve at 24 does not match a circular curve at 24. Seeing both at true size takes seconds — reworking a component after it ships takes a day. LEARN Six built-in explainers: continuous versus circular, the nested-radius rule, building a radius scale, the half-height pill trick, per-corner syntax, and matching the platform — plus a references list. PRIVACY Everything runs on your device. No account, no sign-in, no ads, no tracking. It works fully offline, in a dark interface throughout. One optional daily reminder is scheduled at 19:00, and a row in Settings takes you straight to iOS notification settings. FULL ACCESS Premium unlocks per-corner radius control, SwiftUI and SVG code export, the side-by-side continuous vs circular comparison, and all premium presets. Available as a weekly subscription, a yearly subscription, or a one-time lifetime purchase. CSS export, uniform radius, the free presets, the radius scale reference, saved shapes and the Learn section are included without a purchase. Purchases can be restored at any time from Settings. Open the app, drag the slider until the corner looks right, and paste the code into your project. Terms of Use (EULA): https://web-levi.web.app/terms Privacy Policy: https://web-levi.web.app/privacy-policy Questions? https://web-levi.web.app/#contact