Interactive Playground

Test your JavaScript concepts live with our instant feedback editor. Experiment with code, see results, and build from simple to advanced examples.

Start Coding
usersjs(() => {
  div({ class: 'p-4' }, () => {
    h1('Hello Playground!', { class: 'text-2xl text-white' });
    button('Click me!', { 
      onClick: () => alert('Welcome!') 
    });
  });
});

Try These Examples

Basic UI Elements

usersjs(() => {
  div({ class: 'p-6' }, () => {
    h1('Hello World', { class: 'text-2xl text-blue-600' });
    p('This is a playground example!', { class: 'text-gray-700' });
  });
});
Hello World
This is a playground example!

Interactive Form

let userInput = '';

usersjs(() => {
  div({ class: 'p-6 space-y-4' }, () => {
    input.text('Enter text', {
      onInput: (e) => userInput = e.target.value,
      class: 'p-3 rounded border border-gray-300 w-full'
    });
    div(`You typed: ${userInput}`, { class: 'text-gray-700' });
  });
});
You typed:

State Management

let count = 0;

usersjs(() => {
  div({ class: 'p-6 text-center' }, () => {
    h2(`Count: ${count}`, { class: 'text-xl text-blue-600' });
    button('Increment', {
      onClick: () => count++
    });
  });
});
Count: 0

Getting Started is Simple

Just paste your code, click run, and see it in action. No installation or configuration required. Start from our basic template or import your own code.

Step 1

Write or paste your users.js code in the editor above

Step 2

Click the Run button to execute your code

Need Inspiration?

  • Start with a basic element
  • Try adding event handlers
  • Experiment with component patterns

Share Your Creations

Save Your Work

Create private or public code snapshots and save them to your account for quick access from any device.

Generate Share Link

Click the share icon to get a unique link containing your code snapshot. Easy to share with teammates or on social media.

Import Existing Code

Have code files on your computer? Drag and drop them to the editor to instantly import and begin testing your applications.

```