Skip to main content

Playground

react-code-canvas v5.0.0

This is ReactCanvas with showEditor and showError enabled. Edit the code on the page and the preview re-renders as you type. No import statements are needed — useState and the Lucide icon set come from the default scope.

Tailwind is not loaded here. The docs site ships its own styles, and the Tailwind CDN applies a global reset that would restyle this page. Use inline styles in the example, and load Tailwind in your own app if your generated code depends on utility classes.

Code you enter is evaluated in this page's own context. See the security model before doing the same with untrusted input.

Loading canvas…