Drop your file
.jsx · .js · .tsx · .ts
⚛
JSX Playground
Inline snippet
Upload
Full Preview
Editor
JSX
import React, { useState } from 'react'; import { Sparkles, Code2 } from 'lucide-react'; export default function App() { const [count, setCount] = useState(0); return (
JSX Playground
Live React + lucide-react preview
Created by Jeremie Bornais
Edit the code on the left - this playground compiles JSX in the browser.
setCount(c => c + 1)} className="px-4 py-2 bg-indigo-600 text-white rounded hover:bg-indigo-700"> Increment
{count} {count === 1 ? 'click' : 'clicks'}
live
Made with ❤️ -
jeremie.bornais.ca
); }
snippet
-