JSX Preview
An extension that allows you to open self contained jsx/tsx files
As of June 2026, JSX Preview has 20,000 users and a 4.33/5 rating from 6 reviews in the Developer Tools category.
Usersup 2333.1 percent+2333.1%
20.0K
20,000
Ratingdown 13.4 percent−13.4%
4.33
6 reviews
Reviewsup 500.0 percent+500.0%
6
Version
0.1.2
Manifest V3
90-day change · In the last 90 days this extension gained 19.2K users, 1 version update, changed permissions.
History
9 snapshotsTracking since Apr 4, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 4, 2026 | 822 | 5.00 | 1 | 0.0.1 |
| Apr 17, 2026 | 1.0K | 5.00 | 1 | 0.0.1 |
| Apr 23, 2026 | 4.0K | 5.00 | 3 | 0.0.1 |
| Apr 28, 2026 | 5.0K | 5.00 | 3 | 0.0.1 |
| May 3, 2026 | 7.0K | 5.00 | 3 | 0.0.1 |
| May 8, 2026 | 7.0K | 5.00 | 3 | 0.1.2 |
| May 24, 2026 | 10.0K | 5.00 | 3 | 0.1.2 |
| Jun 2, 2026 | 10.0K | 4.00 | 4 | 0.1.2 |
| Jun 18, 2026 | 20.0K | 4.00 | 4 | 0.1.2 |
| Now | 20.0K | 4.33 | 6 | 0.1.2 |
Changelog
- May 3, 2026description
This Extension Allows you to preview JSX and TSX files without needing to setup a react development environment or using a paid service. You can literally just click on the extension and open your file directly in the browser completely free and no strings attached. It was designed to be used for previewing AI generated code.
This Extension allows you to preview JSX and TSX files without needing to setup a react development environment or using a paid service. You can literally just click on the extension and open your file directly in the browser completely free and no strings attached. It was designed to be used for previewing AI generated code. NEW AVAILABLE FEATURES FROM version 0.1.2: - Tailwind Support: you can now enable tailwindcss by clicking a button. - Multi-File Support: Originally this extension works with just individual JSX/TSX files but you can now preview a JSX file that imports other JSX files. FYI there is no limit to the number of jsx files that you can add. So you can preview an entire project. NOTE: This extension will not work the entry point of the react App. i.e main.jsx or main.tsx. To preview the entire project with this you can import the App.tsx or App.tsx as the "Main file" and the remaining files in the project can be imported as "Dependent Files" - Common UI libraries Added: Originally the extension would only work properly if no external library was used. It now supports a list of common libraries the these AI tools use often. * lucide-react: For UI elements and Icons * motion/react(Framer-motion): For UI elements and animations This list is not final, I am going to add more as time goes on. NEXT RELEASE FEATURES: - CSS imports: In the next release, you will be able to add your css files to the previewer. (I am still working on it) - UI refresh: I built this extension out of necessity, at the time the i wasn't really trying to make it look good, now that it's working properly, I think it deserves a face-lift. - Proper Errors: This is related to the UI refresh I was talking about. I am working on making the error messages less ambiguous. If you have any questions or feature request or you need help launching your App, feel free to reach out to me on X(formerly twitter) @Remmy_sammy. PS: They call me the AI janitor for a reason!
- May 3, 2026permissions
(empty)
scripting
Permissions & access
- Permissions
- scripting
- Host access
- None declared
Screenshots
About
This Extension allows you to preview JSX and TSX files without needing to setup a react development environment or using a paid service. You can literally just click on the extension and open your file directly in the browser completely free and no strings attached. It was designed to be used for previewing AI generated code. NEW AVAILABLE FEATURES FROM version 0.1.2: - Tailwind Support: you can now enable tailwindcss by clicking a button. - Multi-File Support: Originally this extension works with just individual JSX/TSX files but you can now preview a JSX file that imports other JSX files. FYI there is no limit to the number of jsx files that you can add. So you can preview an entire project. NOTE: This extension will not work the entry point of the react App. i.e main.jsx or main.tsx. To preview the entire project with this you can import the App.tsx or App.tsx as the "Main file" and the remaining files in the project can be imported as "Dependent Files" - Common UI libraries Added: Originally the extension would only work properly if no external library was used. It now supports a list of common libraries the these AI tools use often. * lucide-react: For UI elements and Icons * motion/react(Framer-motion): For UI elements and animations This list is not final, I am going to add more as time goes on. NEXT RELEASE FEATURES: - CSS imports: In the next release, you will be able to add your css files to the previewer. (I am still working on it) - UI refresh: I built this extension out of necessity, at the time the i wasn't really trying to make it look good, now that it's working properly, I think it deserves a face-lift. - Proper Errors: This is related to the UI refresh I was talking about. I am working on making the error messages less ambiguous. If you have any questions or feature request or you need help launching your App, feel free to reach out to me on X(formerly twitter) @Remmy_sammy. PS: They call me the AI janitor for a reason!
Technical
- Version
- 0.1.2
- Manifest
- V3
- Size
- 36.33KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- kfedoapfmioadaeellmoabmaakojefbl
- Developer ID
- u58cd04261bbf11a959f7dc26c1ed0348
- Developer Email
- [email protected]
- Created
- Feb 25, 2026
- Last Updated (Store)
- May 4, 2026
- Last Scraped
- Jun 18, 2026
- Website
- —
- Support URL
- https://x.com/Remmy_sammy
- Privacy Policy
- https://jsx-preview-dot-d-hactivator.uc.r.appspot.com/
Similar extensions
Alternatives to JSX Preview, ranked by description similarity.
Code Preview Extension
Preview HTML, CSS & JS code in real-time
315
★ 4.7
JSX Tool
Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.
2.0K
★ 5.0
Simple Site Copier with JSX
Captures visible webpage content and converts to HTML or JSX
104
JSX - JavaScript Explorer
Finds all JavaScript files, form endpoints, and links on the current webpage.
144
TSConfig Configurator
TSConfig Configurator (typescriptlang.org)
4
★ 5.0
JS_Beautify,CSS_Beautify,HTML_Beautify
This extension For beautify js and css and html
657
★ 5.0
Tachi Code
A simple editor for raw text files based on the Monaco editor
107
TypeScript Console
Run and debug TypeScript code in the Browser DevTools.
1.0K
★ 3.3
Data sourced from the Chrome Web Store · last verified Jun 18, 2026.