Item logo image for Click To Component

Click To Component

zjffun.com
ExtensionDeveloper Tools50 users
Item media 6 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 2 (screenshot) for Click To Component
Item media 3 (screenshot) for Click To Component
Item media 4 (screenshot) for Click To Component
Item media 5 (screenshot) for Click To Component
Item media 6 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 1 (screenshot) for Click To Component
Item media 2 (screenshot) for Click To Component
Item media 3 (screenshot) for Click To Component
Item media 4 (screenshot) for Click To Component
Item media 5 (screenshot) for Click To Component
Item media 6 (screenshot) for Click To Component

Overview

Click a component in your browser to instantly open the source in VS Code, WebStorm, Cursor, GitHub, etc.

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.

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.0.0.5
  • Updated
    April 20, 2025
  • Size
    832KiB
  • Languages
    2 languages
  • Developer
    Website
    Email
    zjffun@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

codebox-one click code copying without login

4.8(50)

Implement one click code copying without logging in; Support selecting code; Allow non following bloggers to read full text prompts;

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

React Context DevTool

4.5(24)

Devtool for React Context and useReducer

React Click To Component

3.0(2)

React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.

React Inspector

3.4(11)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

FeHelper(前端助手)

4.7(324)

JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！

click-to-react-component

3.4(5)

Option+Click React components in your browser to instantly open the source in VS Code

Simple Site Copier with JSX

0.0(0)

Captures visible webpage content and converts to HTML or JSX

HTML to JSX

0.0(0)

HTML to JSX Converter Description Easily convert HTML to JSX(ReactJS) with our powerful and intuitive Chrome extension! Whether…

Vue.js devtools

2.9(54)

Browser DevTools extension for debugging Vue.js applications.

DivMagic - Copy Style from any website

3.6(71)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Apifox Browser Extension

3.7(9)

API 文档、API 调试、API Mock、API 自动化测试

codebox-one click code copying without login

4.8(50)

Implement one click code copying without logging in; Support selecting code; Allow non following bloggers to read full text prompts;

Console Importer

4.6(20)

Import JavaScript and CSS resources from console, with one command

React Context DevTool

4.5(24)

Devtool for React Context and useReducer

React Click To Component

3.0(2)

React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.

React Inspector

3.4(11)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

FeHelper(前端助手)

4.7(324)

JSON自动格式化、手动格式化，支持排序、解码、下载等，更多功能可在配置页按需安装！

click-to-react-component

3.4(5)

Option+Click React components in your browser to instantly open the source in VS Code

Simple Site Copier with JSX

0.0(0)

Captures visible webpage content and converts to HTML or JSX

Google apps