build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch.
Change your website css and stylesheet like figma sketch and webflow
Option to export your changes to css file
Use any open source react component to build you ui, ealy design and change the css
Save all stylesheet/javaScript changes in one place
Jinno is a javascript viewer tailored for Designers and developers. Get access to the useful styles with our Chrome extension. Our mission is to let designers and developer focus on design, and spend as little time as possible digging in a code of React/VueJs/Angular/Javascript.
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
You can Follow the below Step By Step procedure to install the Jinno: design any website React/HTML/sketch Chrome Extension to your Chrome Web browser.
It is the Jinno: design any website React/HTML/sketch Chrome extension download link you can download and install Chrome Browser.
Tags: React Html Css Javascript , Export React Code , Open Source Component , Stylesheet Javascript , Open Source React Component , Devtool Position , Syntax Highlighting , Figma Sketch , Build Design , Export Css Code , Font Family Picker , Css Stylesheet , Inspect Element Tool , Css Design , Hover Css Inspector , React Component , Export Html Code ,
Convert HTML elements to React with a single click
Sample React, HTML, and CSS code from any website.
Chrome/Chromium extension that allows easy HTML to React conversion.
A React component tree visualizer
Spalding Web Design extension to enable discounts and special offers
To create a React component with an input details.
The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Automatic translation of Tailwind UI components to React
Download mobile assets from sketch measure website as a zip file