Alternatives

Products that do what React Preview does

1. 1AV
   A Visual IDE for React▲479

   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

2. 2
   Tempo Labs▲770

   Visual Editor for React, powered by AI

   2024 · tempo.new

3. 3
   react.dev▲552

   The new home for React and its documentation

   2023

4. 4
   Relate Preview▲398

   Create the web together

   2020

5. 5
   React Markdown Editor▲97

   A simple React markdown editor with preview

   2021

6. 6
   HTML to React▲571

   Turn a design from any website into your own

   2024

7. 7
   JSX.Design▲415

   The dev friendly no-code editor for React development

   2024

8. 8
   Airbnb React Sketch.app▲745

   Render React components to Sketch for design systems

   2017 · react-sketchapp.airbnb.tech

9. 9RP
   React Preview CLI – An alternative to Storybook with near zero config▲20

   2021 · npmjs.com

10. 10
    Omlet for VS Code▲146

    Get React component usage insights in VS Code

    2025

11. 11
    React and Next.js Snippets▲133

    React and Next.js snippets with TypeScript

    2022

12. 12
    React Scan▲394

    Scan your React app for problematic renders and performance

    2024

13. 13CR
    Copy React code from any site▲374

    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

14. 14AF
    A front-end visual development tool for React applications▲178

    2020 · github.com

15. 15AV
    A VSCode Extension to edit HTML visually in real-time▲231

    2024 · github.com

16. 16
    Framer X▲459

    React, meet design

    2018

17. 17
    Remotion 4.0▲257

    Do more with React

    2023

18. 18
    React Bricks▲213

    CMS with visual editing based on React components

    2022

19. 19
    Aspect▲106

    Create react components visually

    2022

20. 20PR
    Paste React components into any website▲71

    2022 · smarketman.com

21. 21
    React for Designers▲301

    Course for building a React site using components

    2018

22. 22RF
    React Flow – library for creating node based editors and apps▲224

    2021 · github.com

23. 23UT
    Under the hood ReactJS▲266

    2017 · bogdan-lyashenko.github.io

24. 24CO
    Click on a component (React,) in browser to get to its code in IDE▲10

    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

Ranked by how close each launch is in meaning, then by votes. Refine with a description →