Try code. See what happens.
A small playground for JavaScript, TypeScript, Web and React. Write or paste code and see the result, right in your browser.
No account. No project setup.
Try a small piece of code
Check a function, explore a package, or try an interface. Choose the playground that fits the question.
JavaScript & TypeScript
Try a function or work through an async example. Switch to TypeScript for type checking, completions and hover information.
Open JS / TSBrowser-ready npm imports
Import browser-compatible packages, including specific versions, through esm.sh. No local install needed; packages that require a Node.js server won't run here.
HTML, CSS & JavaScript
See how markup, styles and browser code work together. Each has its own tab, with a live Web preview beside the editor.
Open WebReact components & hooks
Work out a component with JSX, hooks and a CSS tab. React 19 renders the preview as you type, with npm imports when you need them.
Open ReactWant a starting point? Browse runnable examples and make one your own.
Make sense of the result
Keep the output close to the code. Inspect what happened, follow an error, and take the useful parts with you.
Look inside the output
Expand objects and collections, compare rows with console.table, and see logs, warnings and errors together.
Go back to the source
Follow a JavaScript or TypeScript error to its line in the editor when a reliable source location is available.
Copy what you need
Copy a console row as plain text in JavaScript, TypeScript, Web or React. Keep a result for a note, a bug report or your next experiment.
Share it. Or pick it up later.
An experiment can stay a quick experiment. Share or save only when you need to.
Send a runnable example
Copy a link with a snapshot of your code, or copy an iframe embed for a doc or blog post. In JS / TS, you can also share just the selected code.
Keep an idea in this browser
Named saves are optional. Use My playgrounds to save and reopen an example locally, then explicitly save changes when you're ready. There is no account sync.
Take a copy with you
Download a playground as a TryJS JSON file and import it in another browser. Browser storage can be cleared, so keep a file for work you want to keep.
Shared links contain your code. Send them to people who should have access.
A few useful comforts
Small editor tools, there when you want them.
Format on your terms
Use Format or Shift+Alt+F for the active JS, TS, HTML, CSS or JSX tab. Formatting runs locally and one Undo puts things back.
Your way to edit
Turn on optional Vim keybindings, choose a syntax theme and editor font, or adjust wrapping and font size in settings.
A picture of the code
Export JavaScript or TypeScript code as a PNG with a frame, padding and background of your choice.
Before you start
A few practical details.
Do I need an account or a saved playground?
No. Open TryJS and start typing. Named saves are optional and live in this browser. Download a JSON copy to keep work outside browser storage or move it to another device.
Which playground should I use?
Use JavaScript or TypeScript for code and console output, Web for HTML, CSS and JavaScript together, or React for JSX components and hooks. Runnable examples are available when you want a starting point.
Can I use Node.js packages or a whole project?
TryJS loads browser-compatible npm modules through esm.sh. It does not provide a Node.js server, a local filesystem or a multi-file project environment. Package imports and code that makes network requests need an internet connection.
Where does my code run?
Editing, execution, TypeScript checks and formatting happen in your browser. Package imports contact external CDNs, and code you run can make its own network requests. Shared links contain a snapshot of your code.