Click To Component
Click a component in your browser to instantly open the source in VS Code, WebStorm, Cursor, TRAE, etc.
As of June 2026, Click To Component has 259 users in the Developer Tools category.
Usersup 7.9 percent+7.9%
259
259
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
0.0.0.7
Manifest V3
History
6 snapshotsTracking since Apr 18, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 18, 2026 | 240 | — | — | 0.0.0.7 |
| Apr 28, 2026 | 253 | — | — | 0.0.0.7 |
| May 7, 2026 | 247 | — | — | 0.0.0.7 |
| May 14, 2026 | 259 | — | — | 0.0.0.7 |
| May 23, 2026 | 261 | — | — | 0.0.0.7 |
| Jun 3, 2026 | 267 | — | — | 0.0.0.7 |
| Now | 259 | — | — | 0.0.0.7 |
Permissions & access
- Permissions
- scriptingactiveTabstoragetabs
- Host access
- None declared
Screenshots
About
Online demo & document: https://ctc.zjffun.com/ 1. Option+Click(Alt+Click) a component in your browser to instantly open the source in VS Code. 2. Option+RightClick(Alt+RightClick) opens a context menu with the parent components. 3. Support custom configuration to open WebStorm, Cursor, GitHub, etc. 4. Support `data-__source-code-location` - Vue using [vue-click-to-component](https://www.npmjs.com/package/vue-click-to-component) generate. - React using [babel-plugin-transform-react-jsx-data-source-code-location](https://www.npmjs.com/package/babel-plugin-transform-react-jsx-data-source-code-location) generate. 5. Support React `__source` (generated by [@babel/plugin-transform-react-jsx-source](https://babeljs.io/docs/babel-plugin-transform-react-jsx-source)). You can config `Site access` to `On Click` or `On specific sites` for this extension to control click-to-component script inject.
Technical
- Version
- 0.0.0.7
- Manifest
- V3
- Size
- 828KiB
- Min Chrome
- 88
- Languages
- 2
- Featured
- No
Metadata
- ID
- hdiiegojkjkgaakbdjpoaaadhnddpfdc
- Developer ID
- uee9a511b50e9f55656581b6d2c4ca27f
- Developer Email
- [email protected]
- Created
- Sep 30, 2024
- Last Updated (Store)
- Dec 27, 2025
- Last Scraped
- Jun 3, 2026
- Website
- zjffun.com
- Privacy Policy
- —
Similar extensions
Alternatives to Click To Component, ranked by description similarity.
click-to-react-component
Option+Click React components in your browser to instantly open the source in VS Code
762
★ 3.4
LocatorJS
LocatorJS Chrome Extension - option-click to code (ReactJS)
40.0K
★ 4.3
LocatorJS
LocatorJS Chrome Extension - option-click to code (ReactJS)
354
React Click To Component
React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.
266
★ 3.7
React Component Finder
Click on React components in localhost and open them in VS Code
40
SourceSnap
Alt+Click any element to open its source code in your editor. Supports React, Vue, Svelte, SolidJS, Preact.
—
React Spy
Find code from UI, or, find UI from code!
3.0K
★ 4.7
Component Code Picker
Select, preview, and extract clean HTML/CSS from any web component.
2
Data sourced from the Chrome Web Store · last verified Jun 3, 2026.