Jinno: code any React component with AI

Download / Install How to install an extension

CRX id

nggpkpfmdkbaakpndblpandmldendooa

Description from extension meta

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

Image from store Jinno: code any React component with AI

Description from store 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

Latest reviews

(2023-07-19) Patrick Sweet: Unlike the video, the code window to the right does not pop up when I select an element. That is the main reason I am doing this---to extract the CSS, html, and JS code. (namely css and html)
(2022-06-08) Lana Zhao: 超棒,谢谢
(2021-11-20) Herman Bossou: Amazing! This is a very good tool. One of the best alternatives for Chrome Devtool
(2021-05-04) Alex Villatoro Valdiviezo: todo bien pero por que ni una herramienta de css marca correctamente el height? cuando inspecciono un elemento en el css tengo 30px y en la herramienta me marca 28px? este comportamiento lo encontré en todos los inspectores de css, te lo menciono para ver si es posible que se corrija ese error.
(2021-04-28) s E#QN: Gracias, desde que cambio Stylebot ya no lo uso, sus cambios son basura, buscaba una alternativa y Fixme me encanto, quizás le falte la opción de modificar el Padding, Margin, etc, los 4 lados todos juntos desde una casilla central, como lo haces en la sección Border, y en border aplicar 4 casillas mas para modificar los bordes por separados, así es mas cómodo y aumenta tu ritmo de edición
(2021-04-08) Georgy Alaverdyan: The extension is really good — I’m having a blast with it! Though I wish there was an option to turn off the right-click “Open ‘Fix me’’ notification.
(2021-03-24) Oscar Gonzalez: Hey guys! great tool!! options for sharing with teammates will be awesome, or saving changes on localStorage or in a cookie to avoid loose your changes :) 👏🏼
(2021-03-24) Miguel Rey (Dallaswk): Great tool :D!
(2021-02-23) Ddesigny: good
(2021-02-08) 林醒: ok!
(2021-02-04) Felipe Candian: Very good!
(2021-01-18) Malte: Super cool and free! I'm loving it!
(2020-11-17) John Paul O Bisnar: It doesn't work on my laptop i don't know what i did wrong but it doesn't work i Hate it :[
(2020-10-05) Elena Saharova: It's Fantastic tool! I often come across to give a feedback to developers and it always takes a lot of time. Thanks for this tool, I feel Fixme will make me happy :)
(2020-10-01) Ozan Korkut: Great alternative for DevTools, especially if you don't want to deal with code. It turns online pages into working canvas for designers or anyone who want to send feedback on UI.
(2020-09-30) Bence Csernak: Loved it, really makes the developer-designer communication easier. It has a lot of potential - visual and UI designers can use it without coding knowledge, can finish the QA process efficiently and developers will love the feedback they receive
(2020-09-01) Fabio Moretti: Really useful, especially for designers!
(2020-08-26) Adi Mor: We used to spend so much time on communicating between the designer and the developer about comments before we launch a new feature. this is a really helpful extension :)
(2020-08-06) Rotem Mordish: Great tool. Thanks!
(2020-07-07) Dekel Hillel: Wonderful.
(2020-07-05) Diana Calvosa: Nice! I'm enjoying using it, keep developing it! :)
(2020-07-05) Ran Michaeli: Great tool! lot of potential. Very excited to see upcoming features
(2020-07-02) Ofek Sadeh: Great tool for web designers.
(2020-06-30) ido zaifman: This very easy to use and with a lot of potential :)
(2020-06-30) Rom Shiri: Really great tool! We've been using it in our team (which consist of devs and designers) and it's such a nice enhancement to our tool stack and collaboration process.
(2020-06-25) Mor Zloof: Very helpful extension, beautiful UI
(2020-06-25) Karin Zloof: This is an amazing tool for designers and web developers
(2020-06-25) Yariv Fruend: A nice alternative for Chrome Devtool's preview styling. You also get the modified code neatly packed and ready to copy!

Latest issues

(2023-07-24, v:1.0.38) Victor Reyes: Problem loading local HTML.
I have a problem loading an HTML file from the local directory; the extension doesn't get activated.
(2023-06-05, v:1.0.38) Rasputin: How to export css changes?
Hi, extension is great but I don`t see possibility to export css changes in any way. How to do that?
(2021-04-16, v:1.0.23) Rupert Moosmann: Cannot install on (K)Ubuntu 20.04 - error: "Package is invalid. Details: 'Could not load background script 'background/backgroundShare.js'.'."
Trying to install (K)Ubuntu 20.04 from Chrome Nettmarked (Norway): Geting error: "Package is invalid. Details: 'Could not load background script 'background/backgroundShare.js'.'."
(2021-01-08, v:1.0.23) Dev Okna: Errors
1. https://i.imgur.com/rPKWdcK.png 2. https://i.imgur.com/SCIpRwM.png, https://i.imgur.com/ObisqKH.png

Statistics

Installs

5,420

Links

Extension in store

Developer e-mail