Show HN: A pure WebGL image editor with filters, crop and perspective correction

https://github.com/xdadda/mini-photo-editor

90•axelMI•4h ago

I'm working on a pure js webgl image editor with effects, filters, crop & perspective correction, etc. My goal is to give the community an opensource solution as unfortunately most comparable apps are closed sources.

https://mini2-photo-editor.netlify.app to try it out (https://github.com/xdadda/mini-photo-editor)

Comments

stared•3h ago

Thank you for sharing!

What's the license?

axelMI•2h ago

MIT. thanks for point that out, I did forget to add it

atonse•3h ago

Very cool! What's the license, and how does it compare to some of the other croppers/editors out there? Was it mainly the GL integration?

axelMI•3h ago

Ops forgot to add MIT license As for the underlying modules on which it relies Will fix it shortly

asadm•3h ago

in the editor, do add a way to load sample random image to try out the editor instead of having to uploading my own (which most won't bother / don't trust / can't do at work).

axelMI•3h ago

Great advise. Will add it next.

Bust just to be clear, images are handled 100% locally on the user machine. No data is sent to servers, no adv, no cookies, nothing ...

asadm•2h ago

Yup I get that.

axelMI•53m ago

sample images added. thanks for the tip

quantadev•2h ago

I tried to figure out how to crop an image and found nothing. There doesn't seem to be a crop feature as far as I could tell. I'm sure it's probably there, but not easy for anyone to figure out. Would be super easy to make it intuitive right?

axelMI•2h ago

it's the composition menu ... will rename it

just select the area you wish to crop and then move to the other settings (colors, ...) to edit it

atonse•1h ago

I did this but when I hit download, I got back the original image instead of the cropped image.

quantadev•1h ago

I tried it again, and finally noticed you have to click the corner of the image to move the selection area. It works, but then I didn't see a "Crop" button. Only trying to be helpful, and not complaining. Nice work tho on this component.

axelMI•32m ago

No no I absolutely need this kind of feedback thanks! Being a solo developer is very difficult to gage usability and UX is definitely not my strength.

I tried to integrate the crop/ composition in the natural workflow of image processing, without a discreet "crop" button. But I guess it's not necessarily the most intuite thing to do :)

gtb_1•2h ago

Did you consider using WebGPU, or creating a bridge between WebGPU / WebGL for this? Also, have you considered deploying on Cloudflare Pages [1] (unlimited bandwidth) instead of netlify?

[1] - https://pages.cloudflare.com/

axelMI•2h ago

I did consider WebGPU but I couldn't find many advantages for the current use case.

Yes I'm planning to move to the edge as soon as it's in a later stage of development

titaphraz•2h ago

Apparently it isn't unlimited: https://news.ycombinator.com/item?id=42713451

amadeuspagel•2h ago

Nice. I tried it with an image from Unsplash. Maybe you can use the Unsplash API[1] to give people an example to play with.

[1]: https://unsplash.com/developers

axelMI•42m ago

Will have a look at this thanks! in the meantime I've added a quick sample gallery to test the editor out

fidotron•2h ago

This is neat. Any plans to add blurs and related effects?

axelMI•52m ago

yes, I don't use them but if required it will be easy to add

flashblaze•1h ago

I'm so glad this exsist. I've been meaning to get something similar started, but did not due to one reason or the other. I'll definitely try to contribute.

axelMI•37m ago

Whenever you feel like, ping me on github

cmenge•1h ago

Lol, I added a todo yesterday: "find or build good image cropper, ideally gl based" ;)

Guess the search might be over, thanks!

axelMI•35m ago

let me know of any usability issue. I tried different combinations and this seemed intuitive for me (compared to other solution), but of course I'm too biased.

rendaw•1h ago

What does comparable refer to here? Web based image editors? Like what?

axelMI•42m ago

there are several web based image editors leveraging webgl out there.

Some of them are very good such as https://img.ly/products/photo-sdk or https://www.polarr.com/web/ or https://pqina.nl/pintura/

I hope to match some of them in terms of features, but with a lightweight and opensource solution

neosat•1h ago

Nice! Good performance, clean UI, and core functionality.

axelMI•37m ago

thanks. It started as a proof of concept for a custom reactivity engine (based on signals and tagged template literals). But while at it I realised I needed something quick and easy for my needs.

I already have a prototype for a self-hosted photogallery that integrates this editor (something like https://immich.app to give you an idea). But it's still too early to share

maxcomperatore•59m ago

good AF

axelMI•30m ago

thanks!

Google Maps fixed India's street name problem

No-engine gamedev using Odin and Raylib

Inside DVD-Video: Interaction Machine

Things That You Don't Know About Git

Just Put It on Your Blog

HireOS – Simulate a Tech Candidate's First Workday Before Hiring

Ask HN: Is anyone using Caddy to serve html from a Git repo directly?

US Tariff Flow Analyzer

How the power outage in Portugal and Spain impacted Internet traffic

The Intelligence Curse

FCC Clears Way for Wireless Innovation in Lower 37 GHz Band

Brendan Carr's FCC is an anti-consumer, rights-trampling harassment machine

Show HN: Raindrop – Sentry for AI Products

Jetbrains actively deleting negative reviews for AI plugin

Is the Linux Community Elitist?

Dark-Energy alternate theory Timescape-Model has different time across universe

Show HN: Codemini – Learn by Building

NetFoundry raises Series A venture round

One Million Chessboards

Bird can fly over Mount Everest, wind tunnel experiments reveal

Google pays Samsung enormous sums to set Gemini as default on Samsung phones

Five Things the Nuclear Bros Don't Want You to Know About Small Modular Reactors

Categorize Your Dependencies

My fight to unlock cannabis and psychedelic drugs for use in medical research

Ultra-processed foods may be linked to early death

Show HN: ProKZee – An Open-Source Network Security Tool Written in Go

Show HN: Skyrim like skilltree for gumloop's AI automations

Cyber Squirrel 1 (2019)

Boys perform less well in secondary school than girls because of 'bad friends'

Spaceship

Show HN: A pure WebGL image editor with filters, crop and perspective correction

Comments

Google Maps fixed India's street name problem

No-engine gamedev using Odin and Raylib

Inside DVD-Video: Interaction Machine

Things That You Don't Know About Git

Just Put It on Your Blog

HireOS – Simulate a Tech Candidate's First Workday Before Hiring

Ask HN: Is anyone using Caddy to serve html from a Git repo directly?

US Tariff Flow Analyzer

How the power outage in Portugal and Spain impacted Internet traffic

The Intelligence Curse

FCC Clears Way for Wireless Innovation in Lower 37 GHz Band

Brendan Carr's FCC is an anti-consumer, rights-trampling harassment machine

Show HN: Raindrop – Sentry for AI Products

Jetbrains actively deleting negative reviews for AI plugin

Is the Linux Community Elitist?

Dark-Energy alternate theory Timescape-Model has different time across universe

Show HN: Codemini – Learn by Building

NetFoundry raises Series A venture round

One Million Chessboards

Bird can fly over Mount Everest, wind tunnel experiments reveal

Google pays Samsung enormous sums to set Gemini as default on Samsung phones

Five Things the Nuclear Bros Don't Want You to Know About Small Modular Reactors

Categorize Your Dependencies

My fight to unlock cannabis and psychedelic drugs for use in medical research

Ultra-processed foods may be linked to early death

Show HN: ProKZee – An Open-Source Network Security Tool Written in Go

Show HN: Skyrim like skilltree for gumloop's AI automations

Cyber Squirrel 1 (2019)

Boys perform less well in secondary school than girls because of 'bad friends'

Spaceship