Render React.js components with editable source & live preview

npm install component-playground


Allow editing of source code to illustrate changes

We’ve used Component Playground to allow people to edit themes and see the changes in real time. Let people see how flexible your software is for themselves.

Live preview of React components

Upgrade from a gif and show people what’s behind-the-scenes on that cool animated component.

Great for tutorials and walkthroughs

Help users keep track of what’s going on at any given point in a guide or tutorial with live code.