GitHub Mobile: Files Changed - Code Diff Review

Dev Tools · Detail

This screen displays a code diff view for reviewing file changes in a pull request or commit—showing added and removed lines across multiple files (`.npmrc`, `package.json`, and more). The layout uses a split-view with removed lines in red and added lines in green, organized by file sections with collapsible headers, line numbers on the left, and syntax-highlighted code blocks. A prominent "Finish Review" button anchors the bottom action area.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/github-mobile-github-files-changed-code-diff-review.

Palette

Page types

UX patterns

UI elements

Context

• All of GitHub Mobile

More from GitHub Mobile

• GitHub — Commit changes — Edit README file
• GitHub — Discussions — filtered list
• GitHub — Files changed — diff viewer
• GitHub — Home — Dashboard with work items & favorites
• Home - My Work & Favorites
• GitHub — Inbox — conversations list
• GitHub — Inbox — notifications list
• GitHub — PR Detail — Electron upgrade
• GitHub — Profile — The Octocat
• GitHub — Pull Request / Issue Detail — #20719