Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including create-react-component-with-jss with all npm packages installed. Try it out:

var createReactComponentWithJss = require("create-react-component-with-jss")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

create-react-component-with-jss v1.1.0

Create React Component With Jss PRs Welcome

Create React Component With Jss which creates a component with JSS in secs.


Either through cloning with git or by using npm (the recommended way):

npm install -g create-react-component-with-jss

And create-react-component-with-jss will be installed globally to your system path.

You can also install create-react-component-with-jss as a development dependency:

npm install --save-dev create-react-component-with-jss

If you don't want to install it in your local machine, you can try this in your project's root directory

npx create-react-component-with-jss -c UserDetails

Quick Overview

Give the below mentioned command in your react project's root directory

create-react-component-with-jss -c UserDetails

It will create a directory called user-details inside the scr folder. Inside that directory, it will generate the initial folder structure:

└── user-details
  └── UserProfileComponent.jsx


[-h|--help][-t|--type] [-c|--component-name][-d|--dir]

-h quick help
-t type, can be ‘class’ or ‘function’. Default type is "function"
-c Component name, Should be in Pascal Case eg. UserDetails
-d directory the component need to be created. Default directory is "./src"


npx create-react-component-with-jss --component-name=UserDetails
npx create-react-component-with-jss -c UserDetails -t function -d ./src/components
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free