Skip to main content

React Live

A flexible playground for live editing React components


  • logo altLive RenderingReact Live brings you the ability to render React components with editable source code and live preview
  • logo altCustomizableReact Live is structured modularly and lets you style and compose its components freely
  • logo altLightweight BundleLightweight and performant, React Live is built with minimal dependencies and optimized for speed


Edit the code for live updates!

<h3 style={{
  background: 'darkslateblue',
  color: 'white',
  padding: 8,
  borderRadius: 4
  Hello World! 👋