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 percent13.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 snapshots

Tracking since Apr 4, 2026.

21.5K10.4K-712.2400000000016Apr 4, 2026Jun 18, 2026
View as table
DateUsersRatingReviewsVersion
Apr 4, 20268225.0010.0.1
Apr 17, 20261.0K5.0010.0.1
Apr 23, 20264.0K5.0030.0.1
Apr 28, 20265.0K5.0030.0.1
May 3, 20267.0K5.0030.0.1
May 8, 20267.0K5.0030.1.2
May 24, 202610.0K5.0030.1.2
Jun 2, 202610.0K4.0040.1.2
Jun 18, 202620.0K4.0040.1.2
Now20.0K4.3360.1.2

Changelog

  • May 3, 2026
    description
    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, 2026
    permissions
    (empty)
    scripting

Permissions & access

Permissions
scripting
Host access
None declared

Screenshots

JSX Preview screenshot 1

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

Similar extensions

Alternatives to JSX Preview, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 18, 2026.