nowfound

Dev tools · alternatives · 2026

24 alternatives to JSX.Design

The dev friendly no-code editor for React development

JSX.Design is a no-code visual editor designed for React developers to build responsive user interfaces without writing code manually. Users drag and drop components, customize styles, and the editor generates clean… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. JSX.Design launched in 2024; newer entries below may have overtaken it.

  1. 1

    A notebook for building interfaces with Tailwind & shadcn/UI

    2024 · layouts.dev · its alternatives →

  2. 2AV

    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 →

  3. 3
    21st.dev▲1,211

    I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

    2025 · 21st.dev · its alternatives →

  4. 4
    deco.cx 2.0▲1,078

    Build web apps 10x faster with Deno, JSX, TS & Tailwind

    2024 · decocms.com · its alternatives →

  5. 5
    Editor.js▲723

    A block-styled editor with clean JSON output

    2019 · editorjs.io · its alternatives →

  6. 6
    react.dev▲543

    The new home for React and its documentation

    2023 · react.dev · its alternatives →

  7. 7
    BuilderX▲279

    Design to code, designers and developers on one platform.

    2019 · rapidnative.com · its alternatives →

  8. 8

    Generate UI with simple text prompts: copy, paste, ship

    2023 · v0.app · its alternatives →

  9. 9

    Next-gen, highly customizable content editor for the browser - based on React and written in TypeScript. WYSIWYG on steroids. - react-page/react-page

    2017 · github.com · its alternatives →

  10. 10

    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 →

  11. 11
    OpenUI▲543

    Describe UI and see it rendered live

    2024 · github.com · its alternatives →

  12. 12

    CMS with visual editing based on React components

    2022 · reactbricks.com · its alternatives →

  13. 13
    Quarkly▲184

    Design tool to create sites & web apps on React

    2020 · quarkly.io · its alternatives →

  14. 14

    Turn a design from any website into your own

    2024 · its alternatives →

  15. 15

    Convert your HTML to JSX instantly

    2023 · htmltojsx.vercel.app · its alternatives →

  16. 16

    Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…

    2023 · github.com · its alternatives →

  17. 17

    Course for building a React site using components

    2018 · designcode.io · its alternatives →

  18. 18

    Learn to prototype and build components using React

    2018 · designcode.io · its alternatives →

  19. 19
    Nebo▲240

    No-code visual builder for React front end

    2021 · its alternatives →

  20. 20AJ

    I've been building a web UI library for a side project of mine. I thought it might be useful to others, so I'm releasing it as open source. To put it simply, I realized that most of my pain points with React come from its declarative model ui=f(state). So I'm trying something that I'm calling "imperative JSX." Instead of treating JSX as the source of truth for your UI, it essentially becomes a query interface for DOM manipulation. I first had the idea for it a few months ago, and only began writing it in earnest last week, so it's extremely early and nowhere near production-ready. Still, I'd…

    2024 · npmjs.com · its alternatives →

  21. 21

    🚀 A React Framework for building extensible drag and drop page editors - prevwong/craft.js

    2020 · github.com · its alternatives →

  22. 22

    Visual Page Builder with real code

    2025 · its alternatives →

  23. 23

    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 →

  24. 24

    No-code platform to build, launch & export pages 91% faster

    2021 · codedesign.ai · 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 →