Code Comparison
Store
Code Comparison Before and after code side by side
Two code panels side by side, with syntax coloring and a VS badge between them. Lines you mark as added or removed get a tint and a plus or minus sign. With Focus Mode on, the other lines stay dimmed and blurred until a visitor hovers over the panel.
Preview
Features
What it does
- The before and after code, the filename and the two panel labels.
- The language used for coloring: TypeScript, JavaScript, Python, HTML, CSS, JSON, Go or Rust.
- Line numbers, diff highlighting and Focus Mode, each on or off.
- Fonts for the code and header, and the corner radius.
- Colors for the backgrounds, plain text, header text, border, line tints, signs and badge.
References
References Where to see it, and what it's built on.
Keep going
