Playground Sandbox

Eksperimen bebas, tanpa setup.

Editor kode langsung di browser dengan preview live. Pilih template, ubah kodenya, dan lihat hasilnya seketika.

import { useState } from "react";
import "./styles.css";

export default function App() {
  const [nama, setNama] = useState("Om");

  return (
    <div className="wrap">
      <h1>Halo, {nama}! 👋</h1>
      <p>Edit kode ini, preview update otomatis.</p>
      <input
        value={nama}
        onChange={(e) => setNama(e.target.value)}
        placeholder="Ketik namamu..."
      />
    </div>
  );
}