JSX Preview

An extension that allows you to open self contained jsx/tsx files

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!