Jinno: design any website React/HTML/sketch
Item logo image for Jinno: design any website React/HTML/sketch

Jinno: design any website React/HTML/sketch

Featured
4.7(

29 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

4.7 out of 529 ratings

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

Review's profile picture

Patrick SweetJul 18, 2023

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)

2 out of 2 people found this helpful
Review's profile picture

Herman BossouNov 20, 2021

Amazing! This is a very good tool. One of the best alternatives for Chrome Devtool

Review's profile picture

Georgy AlaverdyanApr 8, 2021

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.

3 out of 4 people found this helpful

Details

  • Version
    1.0.40
  • Updated
    January 10, 2024
  • Offered by
    Jinno
  • Size
    6.82MiB
  • Languages
    English
  • Developer
    Email
    ender.jinno@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. To learn more, see the developer’s privacy policy.

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

Amino: Live CSS Editor

4.3(443)

Customize any website with your own CSS and see your changes instantly with Amino!

Inspect CSS

4.3(11)

The easiest way to inspect and edit CSS

Web Editor

4.4(25)

Forget about all the Code chaos and Customize your website in a handy way

EazyCSS

4.3(12)

Turn your design thoughts into reality without writing code for any page and get your changes in CSS code.

UI Design

5.0(3)

UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding

HTML to Figma - by Builder.io

4.4(45)

Import a web page to Figma layers

HTML to React

5.0(5)

The fastest and smartest way to analyze HTML elements and generate full React component representations.

Heurio - UX Check & Visual Feedback Tool

4.7(78)

Perfect for UX check, design & development review, heuristic evaluation, user testing and more.

Element to Figma

5.0(1)

Copy page elements to figma

Hoverify

4.1(119)

All-in-one browser extension to improve your web dev experience.

Visual CSS Editor

4.2(84)

Customize any website visually.

InTab - Style Websites Faster

4.8(10)

Visually Style Any Website In Any Browser

Amino: Live CSS Editor

4.3(443)

Customize any website with your own CSS and see your changes instantly with Amino!

Inspect CSS

4.3(11)

The easiest way to inspect and edit CSS

Web Editor

4.4(25)

Forget about all the Code chaos and Customize your website in a handy way

EazyCSS

4.3(12)

Turn your design thoughts into reality without writing code for any page and get your changes in CSS code.

UI Design

5.0(3)

UI Design gives you the ability to edit a web page's CSS. Test out new designs, styles and images without coding

HTML to Figma - by Builder.io

4.4(45)

Import a web page to Figma layers

HTML to React

5.0(5)

The fastest and smartest way to analyze HTML elements and generate full React component representations.

Heurio - UX Check & Visual Feedback Tool

4.7(78)

Perfect for UX check, design & development review, heuristic evaluation, user testing and more.

Google apps