Dev tools · alternatives · 2026

24 alternatives to Sketch2React 1.6 for Sketch app - Free

Create React components and webpages directly in Sketch

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Sketch2React 1.6 for Sketch app - Free launched in 2019; newer entries below may have overtaken it.

1
Airbnb React Sketch.app▲745
Render React components to Sketch for design systems
2017 · react-sketchapp.airbnb.tech · its alternatives →
2
Sketch2React V1▲9
The Free Design to Code Component Framework for Sketch
2019 · its alternatives →
3
React Sketch.app▲215
Render React components to Sketch ⚛️💎
2017 · its alternatives →
4
Quarkly▲184
Design tool to create sites & web apps on React
2020 · its alternatives →
5
Pagedraw - Beta release▲126
Compile UI Mockups to React Code
2018 · its alternatives →
6
Sketch2App.io▲58
Generate functional apps and games from a sketch on paper
2024 · its alternatives →
7
Page UI▲810
High-converting landing page components to copy and paste
2024 · pageui.shipixen.com · its alternatives →
8
HTML to React▲571
Turn a design from any website into your own
2024 · its alternatives →
9
Method 4▲192
Start with react-components and get landing page that works
2020 · its alternatives →
10CR
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 · its alternatives →
11
React for Designers▲301
Course for building a React site using components
2018 · its alternatives →
12
Layouts.dev▲699
A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
13
Webflow DevLink▲205
Use Webflow to build React & Web components visually
2023 · its alternatives →
14
Divjoy▲312
The React codebase & UI generator
2019 · its alternatives →
15AV
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 · its alternatives →
16CA
Convert any website into a React component▲326
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 →
17
JSX.Design▲415
The dev friendly no-code editor for React development
2024 · its alternatives →
18
ReactSymbols UI Kit▲288
UI elements in ready-to-use components for React
2017 · its alternatives →
19
Design and Code in Framer X▲320
Learn to prototype and build components using React
2018 · its alternatives →
20
React Bricks▲213
CMS with visual editing based on React components
2022 · its alternatives →
21
Quest Components▲199
The better way to build frontend for your products
2022 · its alternatives →
22
Stylish▲89
Build beautiful React styled components visually 💅🌠
2019 · its alternatives →
23
React Draft Wysiwyg▲131
Out of the box, feature-rich content editing for React
2016 · its alternatives →
24
Quest AI▲299
Convert napkin drawings into React components or Apps w/ AI
2023 · 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 →