How to use Code Lens
Code LensPro
Find the code behind any part of your app.
Select part of your app on screen. Code Lens labels each component with the file and line that renders it. Click a label and your editor opens at that line.
Works on every app you build
Code Lens reads what is on screen, so it doesn't care what drew it. The same selection works on a web page, a Mac app, an iPhone app in the Simulator, or a script in Terminal.
Works with your stack
The Code map reads most languages, templates, and translation files, so translated apps work too. Code Lens is tested on these:
- React
- Next.js
- Vue
- Svelte
- Astro
- Angular
- React Native
- SwiftUI
- UIKit
- Jetpack Compose
- Flutter
- Django
- Rails
- Laravel
- Go
- Rust
- WPF
- Python
- Shell scripts
- HTML
More in Code Lens
Opens where the text is shown
Copy kept in a translation or data file opens at the component that puts it on screen. The file that holds the text is a right-click away.
Copy for your agent
One click puts the matches, with their files and lines, on the clipboard for Claude Code or Codex.
Opens in your editor
Cursor, VS Code, Zed, or Xcode, at the line.
Icons and charts too
Add the optional image model and Code Lens also finds parts with no text. It is a 390 MB download you choose to install.
Runs on your Mac
The Code map is built from your repo on your Mac. What you select is read in memory and discarded. Nothing is uploaded.
For your own code
Code Lens matches against the source in your Project, so it works on the apps you build, not on other people's sites and apps.
Try Code Lens on your app.
Download BigshotCode Lens needs Bigshot Pro and a Project with your app's source.
Code Lens in the user guideProjectsThe islandCode map settings