Playcode
playcode.io › react
React Playground - Online React Editor & Compiler Free
My favorite online React editor. This React playground has everything: JSX support, multiple files, npm packages, and it's fast. I've switched from CodeSandbox because this React online editor just feels snappier.
Help Center
Find answers to common questions, learn how to use PlayCode features, and get help with your projects.
Pricing
Build websites with AI. From idea to live site in minutes. No coding needed. Starting at $25/month.
AI Website Templates
Professional website template. Customize with AI - just describe what you want to change.
AI Website Builder
AI website builder that creates your website in minutes. Describe what you need, AI builds it. Visual editing, custom domains, full code access. No coding required.
CodeSandbox
codesandbox.io › s › react-file-viewer-0uysf
React File Viewer - CodeSandbox
August 20, 2019 - React File Viewer by LongMacchiato using itsa-react-docviewer, react, react-dom, react-file-viewer
Videos
04:59
Build a React.js PDF Viewer & Editor in Browser Using PDF-LIB & ...
49:02
The Most Advanced React PDF Viewer - YouTube
04:06
Build a React.js EPUB Reader & Viewer Offline Web App in ...
14:28
This React PDF-Viewer Component Is Amazing! - YouTube
09:06
React.js react-file-viewer Example to Build File Viewer to Embed ...
13:08
Build a React.js PDF Viewer & Editor With Controls Using ...
OneCompiler
onecompiler.com › react
ReactJS Online Editor & Compiler
OneCompiler's ReactJS online playground helps you to write, compile, run and view ReactJS code online. It have all the features like auto-completion, syntax highlighting, etc.
NextLeap
nextleap.app › online-compiler › reactjs-programming
React Online Compiler | Code, Compile, and Debug React Apps - NextLeap
Experience the power of React with NextLeap's Online Compiler. Write, compile, and debug React applications online in real-time. Boost your productivity and enhance your React development workflow with our intuitive platform.
TypeScript
typescriptlang.org › play
TS Playground - An online editor for exploring ...
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
JSX Tool
jsxtool.com
JSX Tool - React Dev Tools for Styling
JSX Tool is an IDE for modifying React in a live browser setting.
JSFiddle
jsfiddle.net
JSFiddle - Code Playground
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.
Vercel
reactplayground.vercel.app
React Playground
URL-based React Playground. Craft, experiment, and collaborate with ease using our sandbox. Build, test, and share your concepts hassle-free. No need for sign-in: your creations are stored directly in the URL.
Js
js.do
Online Javascript Editor
Online JavaScript Editor - write and run your javascript code inside this page.
StackBlitz
stackblitz.com › edit › try-react-file-viewer
Try React File Viewer - StackBlitz
Starter project for React apps that exports to the create-react-app CLI.
Reddit
reddit.com › r/react › .jsx in browser
r/react on Reddit: .jsx in browser
May 2, 2025 -
How to run .jsx file in browser? (Like .html file)
Top answer 1 of 2
2
You could use StackBlitz. It's great platform to build things online. You can create React project without installation, and you can copy and paste the snippets of code your are trying to view from the book.
2 of 2
1
To run the server, you need to run these commands in the terminal.
npm install
npm start
CodeChef
codechef.com › react-online-compiler
Online React Compiler
Experience our intuitive online React Compiler, the perfect place to write, and test react code instantly in your browser. With real-time preview and zero setup required, our tool makes coding accessible for beginners while providing powerful features for experienced developers.
React Flow
reactflow.dev
Node-Based UIs in React - React Flow
Highly customizable React library for workflow builders, no-code apps, image processing, visualizers, and more
W3Schools
w3schools.com › js › js_editor.asp
W3Schools.com
With our online JavaScript editor, you can edit HTML, CSS and JavaScript code, and view the result in your browser.
Diffchecker
diffchecker.com › VMLlhaGz
react-jsx-dev
December 18, 2020 - import jsx from "@babel/plugin-syntax-jsx"; import jsx from "@babel/plugin-syntax-jsx"; import { helper } from "@babel/helper-builder-react-jsx-experimental"; import { helper } from "@babel/helper-builder-react-jsx-experimental"; import { declare } from "@babel/helper-plugin-utils"; import { declare } from "@babel/helper-plugin-utils"; import { types as t } from "@babel/core"; import { types as t } from "@babel/core"; export default declare((api, options) => { export default declare((api, options) => { CopyCopied ·
StackBlitz
stackblitz.com › fork › react
React (duplicated) - StackBlitz
A create-react-app project based on react and react-dom.
ConvertICO
convertico.com › js-file-viewer
JS File Viewer | View & Edit JavaScript Files Online Free | ConvertICO
Free online JavaScript viewer and editor with syntax highlighting, function analysis, split view, dependency graph, search, and 4 color themes. 100% browser-based.
CodeSandbox
codesandbox.io › s › react-file-viewer-gx8rk
react-file-viewer
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
npm
npmjs.com › package › @itwin › web-viewer-react
@itwin/web-viewer-react - npm
Configurable iTwin.js viewer for web applications. Latest version: 5.0.1, last published: 5 months ago. Start using @itwin/web-viewer-react in your project by running `npm i @itwin/web-viewer-react`. There are no other projects in the npm registry using @itwin/web-viewer-react.
» npm install @itwin/web-viewer-react
Published Sep 04, 2025
Version 5.0.1
Author Bentley Systems, Inc.
Repository https://github.com/itwin/viewer/tree/main