Show HN: Photoshop Clone Built in React (github.com)

49 points by chase-manning 1y ago ↗ HN

I built React Photo Studio, a free image editor that runs entirely in the browser with React and WebGL. Right now only the brush tool is functional for drawing, while the rest of the interface is a prototype awaiting development. Everything is client side, no backend.

I would appreciate feedback on usability and code structure, and I welcome pull requests.

Live demo https://reactphotostudio.app Code https://github.com/chase-manning/react-photo-studio

18 comments

[ 3.7 ms ] story [ 74.1 ms ] thread

Brajeshwar 1y ago ↗

You might like https://www.photopea.com (not open source), and https://chowderman.github.io/xp-paint.html which is open source at https://github.com/h53d/xp-paint

codetrotter 1y ago ↗

https://github.com/chowderman/chowderman.github.io looks to be the original repo for https://github.com/h53d/xp-paint then.

And the other is a clone of that repo which was reuploaded manually instead of using the “fork” UI buttons of GitHub. Which is fine and all. But better to link the original as the repo anyway.

Maksadbek 1y ago ↗

This is tool is amazing! I know it's built using WASM and creator earns a lot on this tool from ads. https://news.ycombinator.com/item?id=26769141

abejfehr 1y ago ↗

Photopea isn't made using WASM, it's just vanilla HTML/JS/CSS

Edit: well besides (as of 3 years ago) 2 modules apparently: https://www.reddit.com/r/IAmA/comments/s2elpv/comment/hsfwn9...

janmo 1y ago ↗

Photopea is really amazing, we even use it professionaly

sandreas 1y ago ↗

There is also pixlr: https://pixlr.com

janmo 1y ago ↗

It is a bit disappointing, almost every feature I click it says that it is still in develoment.

abejfehr 1y ago ↗

I'm not actually sure that you can do anything besides draw right now

[deleted] 1y ago ↗

(comment deleted)

[deleted] 1y ago ↗

(comment deleted)

maximge 1y ago ↗

I see a lot of "Feature In Development"...Well, the "Clone is in Development..."

mdhb 1y ago ↗

Meanwhile.. actual photoshop is built with web components.

renerick 1y ago ↗

So it's basically just static a visual reproduction (aside from the brush). Nothing wrong with that, but I still was hoping for a bit more functional demo, at least with working menus/buttons/dropdowns and layout management.

vrighter 1y ago ↗

Sorry, but you haven't built it yet. Built it means it is mostly working. This is mostly not even implemented, much less working.

[dead] valorantPanda 1y ago ↗

[dead]

broadwayinc 1y ago ↗

Still this is pretty cool

alexpadula 1y ago ↗

"feature in development". This is really spot on in regards to UI though :D

axelMI 1y ago ↗

you could have a look at the source code in https://github.com/xdadda/mini-photo-editor for image effects (demo at https://mini2-photo-editor.netlify.app/)