Show HN: Photoshop Clone Built in React

https://github.com/chase-manning/react-photo-studio

49•chase-manning•8mo 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 Code https://github.com/chase-manning/react-photo-studio

Comments

Brajeshwar•8mo 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•8mo 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•8mo 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•8mo 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•8mo ago

Photopea is really amazing, we even use it professionaly

sandreas•8mo ago

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

janmo•8mo ago

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

abejfehr•8mo ago

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

maximge•8mo ago

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

mdhb•8mo ago

Meanwhile.. actual photoshop is built with web components.

renerick•8mo 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•8mo 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.

broadwayinc•8mo ago

Still this is pretty cool

alexpadula•8mo ago

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

axelMI•8mo 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/)

SectorC: A C Compiler in 512 bytes

The F Word

Brookhaven Lab's RHIC concludes 25-year run with final collisions

Speed up responses with fast mode

Software factories and the agentic moment

Tiny C Compiler

Hoot: Scheme on WebAssembly

Stories from 25 Years of Software Development

OpenCiv3: Open-source, cross-platform reimagining of Civilization III

The Waymo World Model

First Proof

Show HN: A luma dependent chroma compression algorithm (image compression)

Italy Railways Sabotaged

Al Lowe on model trains, funny deaths and working with Disney

I write games in C (yes, C)

Vocal Guide – belt sing without killing yourself

Start all of your commands with a comma (2009)

Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

Reinforcement Learning from Human Feedback

Selection Rather Than Prediction

72M Points of Interest

A Fresh Look at IBM 3270 Information Display System

The AI boom is causing shortages everywhere else

Coding agents have replaced every framework I used

France's homegrown open source online office suite

Unseen Footage of Atari Battlezone Arcade Cabinet Production

Where did all the starships go?

Show HN: Kappal – CLI to Run Docker Compose YML on Kubernetes for Local Dev

Learning from context is harder than we thought

We mourn our craft