Dev tools · alternatives · 2026
24 alternatives to React Preview
Extension for Visual Studio Code - Get instant previews of your React components, directly in your IDE
React Preview is a Visual Studio Code extension launched in 2021 that enables developers to preview React components in real-time while coding. It integrates directly into the VS Code editor, allowing developers… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. React Preview launched in 2021; newer entries below may have overtaken it.
- 1AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 2
Tempo Labs▲770Quickly add payment, messaging, AI agents + more to your app
2024 · tempo.new · its alternatives →
- 3
- 4
- 5
- 6
Webcodesk - Web App Builder for Create React App. Contribute to webcodesk/webcodesk-srv development by creating an account on GitHub.
2020 · github.com · its alternatives →
- 7
Hi all! Here is my open-source side-project. It is a browser extension that lets you click on a component on your localhost to get to its code in your editor. It works with React, Svelte, SolidJS, Preact, and Vue components and with VSCode, Webstorm, or any other editor that supports URL protocol links. It can be used also as JavaScript library (instead of installing browser extension) It speeds up my web development so much that I can't work without that anymore :D Let me know if you like it or if you would like to improve it somehow. Contributions are welcomed…
2022 · locatorjs.com · its alternatives →
- 8
Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech · its alternatives →
- 9
React and Next.js snippets with TypeScript
2022 · marketplace.visualstudio.com · its alternatives →
- 10CR
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
2022 · sample-code.aspect.app · its alternatives →
- 11RLReact-live▲31
2015 · dariocravero.github.com · its alternatives →
- 12
- 13
React VSCode framework to build custom extensions easily
2023 · npmjs.com · its alternatives →
- 14
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
2024 · chromewebstore.google.com · its alternatives →
- 15
- 16
Course for building a React site using components
2018 · designcode.io · its alternatives →
- 17
Get React component usage insights in VS Code
2025 · omlet.dev · its alternatives →
- 18
Save time. Eat bananas. Contribute to franz101/react-boiler-plate development by creating an account on GitHub.
2018 · github.com · its alternatives →
- 19
A simple React markdown editor with preview
2021 · github.com · its alternatives →
- 20
- 21UT
Entire React code base explanation by visual block schemes (Stack version)
2017 · bogdan-lyashenko.github.io · its alternatives →
- 22PR
2022 · smarketman.com · its alternatives →
- 23
- 24
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →