Skip to main content

React Live

A flexible playground for live editing React components

Features

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

Demo

Edit the code for live updates!

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

More Open Source from Nearform Commerce

spectacleA React.js based library for creating sleek presentations using JSX syntax with the ability to live demo your code!FigLogFigLog is the easiest and most efficient way to document team decisions and the evolution of your changes in Figma.envyEnvy will trace the network calls from every application in your stack and allow you to view them in a central place.victoryReact.js components for modular charting and data visualization.

View All Projects