Diff ViewerPro
Unified line diff with line numbers and +/− counts that updates as you edit.
pricing.ts+4−3
1+export function price(units: number, plan = "pro") {
2+ const base = plan === "pro" ? 19 : 0;
1−export function price(units: number) {
2− const base = 19;
33 const perUnit = 0.002;
4+ const free = 10_000;
5+ return base + Math.max(0, units - free) * perUnit;
4− return base + units * perUnit;
56 }
Edit with AIPro
Describe a change to Diff Viewer and get the updated code. The live preview above stays as the original.
Get Diff Viewer with Kinetiq UI Pro
Pro includes the full TypeScript source of every Pro component and template, a commercial license, and new releases every month — ₹499/month, cancel anytime.
Already Pro? Sign in and open the Code tab above to copy it.