Awesome
<p align="center"> <a href="https://commerce.nearform.com/open-source/" target="_blank"> <img alt="React Live — Formidable, We build the modern web" src="https://oss.nearform.com/api/banner.svg?text=react+live" /> </a> </p> <p align="center"> <strong>A flexible playground for live editing React code</strong> <br><br> <a href="https://npmjs.com/package/react-live"><img src="https://img.shields.io/npm/dm/react-live.svg"></a> <a href="https://npmjs.com/package/react-live"><img src="https://img.shields.io/npm/v/react-live.svg"></a> <img src="https://img.badgesize.io/https://unpkg.com/react-live/dist/react-live.min.js?label=size"> <img src="https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg"> <a href="https://github.com/FormidableLabs/react-live#maintenance-status"> <img alt="Maintenance Status" src="https://img.shields.io/badge/maintenance-active-green.svg" /> </a> </p>React Live brings you the ability to render React components with editable source code and live preview.
The library is structured modularly and lets you style and compose its components freely.
<p align="center"><img src="https://user-images.githubusercontent.com/17658189/63181897-1d67d380-c049-11e9-9dd2-7da2a3a57f05.gif" width=500></p>Come learn more at our docs site!
Support
Have a question about react-live? Submit an issue in this repository using the "Question" template.
Notice something inaccurate or confusing? Feel free to open an issue or make a pull request to help improve the documentation for everyone!
The source for our docs site lives in this repo in the docs folder.
Contributing
Please see our contributing guide.
Maintenance Status
Active: Formidable is actively working on this project, and we expect to continue for work for the foreseeable future. Bug reports, feature requests and pull requests are welcome.