gdmefophkeklopcfcilhdcdnnpackadj
This extension works bidirectionally: 1. Click UI to find the source code. 2. Click source code to find the UI. To use, you must also install the vs-code extension below:
React Scan
Scan React apps for performance problems React Scan automatically detects performance issues in your React app Previously, existing tools required lots of code change, lacked simple visual cues, and didn't have a simple, portable API - Requires no code changes – just drop it in - Highlights exactly the components you need to optimize - Available via script tag, npm, CLI, you name it!
React Click To Component
React Click To Component, a Chrome extension to open a React component in the editor by clicking on it. React Click To Component, is a Chrome extension to open a React component in the editor by clicking on it. `Option + Click` (on MacOS) or `Alt + Click` (on Linux/Windows) takes you to the code editor The extension also supports TurboPack builds where the project root is not exposed. You'll just need to setup the project root file when prompted. The updated value can be manipulated on the localStorage as required. To see how this works, checkout the repo at and raise any issues on the extension at the GitHub repository. And if you like the extension, star the repo too! Features - Option + Click or Alt + Click on a component to open the file in an editor - Highlight the component name when hovering over it with Option/Alt key pressed - Supports Turbopack builds with manually defined project roots (that can be changed simply by updating the localStorage key clickToReact-projectPath-{HOST}) - Now the extension copies the path to clipboard instead of opening the file, for editors that doesn't support opening file:// URLs. You can set the editor with clickToReact-editor-{HOST} localStorage key.
Jinno: code any React component with AI
Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you. Change your react website and with AI tool, we will export the code for you to you visual studio code. We have support for React, css, HTML code. We use AI platforms to modify your react component. Save all stylesheet/javaScript changes in one place. Jinno is a Javascript viewer tailored for developers. Get access to the useful styles with our Chrome extension. Our mission is to let developers to focus on code with AI, and spend as little time as possible digging in a css code of React. FEATURES ✓ Find any React open source component ✓ Build design system ✓ Build storybooks ✓ Export React code ✓ Export Html code ✓ Export Css code ✓ Color picker ✓ Best tool for designers ✓ Syntax highlighting ✓ Share you css design with developers ✓ Font family picker ✓ Design your page the same as Figma ✓ Page ruler from Sketch ✓ Hover css inspector ✓ Inspect element tool ✓ Detect your devtool position ✓ Save your css stylesheet changes from your Inspect element ✓ DevTools integration ✓ Copy to clipboard ✓ Data export ✓ React support ✓ CSS support ✓ Javascript support ✓ Design like sketch ✓ Design like Figma ✓ Design like Webflow
HTML to React
The fastest and smartest way to analyze HTML elements and generate full React component representations. HTML to React is an extension that helps you convert any website element into a React component. It analyzes HTML semantics, CSS style sheets and compiles the selected DOM element into JSX code. It is in open beta, so expect more features coming soon!
