3 ms·

Show HN: Photoshop Clone Built in React

49 points by chase-manning 1y ago

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 https://reactphotostudio.app Code https://github.com/chase-manning/react-photo-studio https://github.com/chase-manning/react-photo-studio

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
  [deleted]
Brajeshwar 1y ago
You might like https://www.photopea.com https://www.photopea.com (not open source), and https://chowderman.github.io/xp-paint.html https://chowderman.github.io/xp-paint.html which is open source at https://github.com/h53d/xp-paint https://github.com/h53d/xp-paint
- codetrotter 1y ago
  https://github.com/chowderman/chowderman.github.io https://github.com/chowderman/chowderman.github.io looks to be the original repo for https://github.com/h53d/xp-paint 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 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/hsfwn99/ 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 https://pixlr.com
deleted 1y ago
[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.
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 https://github.com/xdadda/mini-photo-editor for image effects (demo at https://mini2-photo-editor.netlify.app/ https://mini2-photo-editor.netlify.app/)

49 points by chase-manning 1y ago

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
[deleted]

Brajeshwar 1y ago

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

codetrotter 1y ago
https://github.com/chowderman/chowderman.github.io https://github.com/chowderman/chowderman.github.io looks to be the original repo for https://github.com/h53d/xp-paint 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 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/hsfwn99/ 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 https://pixlr.com

deleted 1y ago

[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.

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 https://github.com/xdadda/mini-photo-editor for image effects (demo at https://mini2-photo-editor.netlify.app/ https://mini2-photo-editor.netlify.app/)