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

Latest Version

Version
1.0.91
Update
November 4, 2024
Size
18.37MiB
Developer
Category
Users
4,000+
Rating
4.76316 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Tabs
Scripting
See more

Jinno: code any React component with AI Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Jinno: code any React component with AI", "version": "1.0.91", "description": "Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.", "devtools_page": "devtools/zloof.html", "permissions": ["storage", "tabs", "scripting"], "host_permissions": [""], "background": { "service_worker": "background/background.js" }, "action": {}, "icons": { "16": "icons/16.png", "32": "icons/32.png", "48": "icons/48.png", "128": "icons/128.png" }, "content_scripts": [ { "matches": ["https://*/*", "http://*/*"], "js": ["app.bundle.js"], "run_at": "document_end" } ], "web_accessible_resources": [ { "resources": ["inject/*"], "matches": [""] } ], "manifest_version": 3}
Read more