WingNews logo WingNews
top | item 32568423

Show HN: Open Source Canva Clone

232 points| chloe-bm | 3 years ago |github.com

43 comments

order

chloe-bm|3 years ago

I am creating an open-source canva clone. Demo here: https://react-editor-core.vercel.app/

Brajeshwar|3 years ago

This is cool. What do you plan to do with it? Do you plan to commercialize it, show for a college project, augment your resume?

Best of luck and good wishes.

I like it and would tinker with it personally for fun and perhaps profit. However, I will stick to Canva for my team for various reasons.

jordemort|3 years ago

This is fun! Is there any way to animate things in a video, aside from importing another video?

swyx|3 years ago

unsolicited request from a heavy canva user: dont stay too general - try to hyperoptimize for one usecase and win that instead of trying to compete on all fronts.

I use Canva a TON for youtube thumbnails. flood your templates section with that and I will switch to you.

tracyhenry|3 years ago

Is this demo meant to be working? I can't upload a video.

have_faith|3 years ago

Just FYI, your templates say "doble" click to edit

NIL8|3 years ago

I'm getting: 404: NOT_FOUND

zyang|3 years ago

Canva has many subtle behaviors, such as how it clips and pan photos, snapping and alignment. If you want to build something comparable I would recommend ditch fabricjs and roll your own. Just need to brush up on matrix transform and vector math.

tomcam|3 years ago

If only I had more than one down vote to give. I find that remark to be callous, ignorant, and downright mean, and I’m not even the product’s creator.

joeldo|3 years ago

With all due respect, I think the title of this post should be amended as this is not Open Source.

After perusing the Github repo, it looks like the actual editor logic is not open source (in fact it lives in a private repo which you control), and the linked repo is just a wrapper around it.

redindian75|3 years ago

Great start!! Thanks for sharing! I couldnt get animate to work, but looking forward to use this as this matures.

chloe-bm|3 years ago

We may get animations soon

braingenious|3 years ago

I love using Canva, but a large part of the value is the assets (images, fonts, templates etc) so I am not sure how I’d benefit from cloning just the software.

chloe-bm|3 years ago

New features are being implemented: Import templates from PSD, AI, Figma, SVG.

Also, people can customize it at their own needs.

mritchie712|3 years ago

dalle might make the images less important. It's not there yet, but the demos are pretty amazing.

tomcam|3 years ago

That is impressive and exciting. Thank you. I look forward to giving it a more serious spin when I am finished with my current project.

debarshri|3 years ago

Doesn't this violate Show HN policy where in it has to be an individual's project and not an org?

kamban|3 years ago

It does unfortunately. Here is the excerpt,"The project must be something you've worked on personally and which you're around to discuss."

cyral|3 years ago

Was this made by yourself? This is an impressive amount of work.

I'm curious how did you make the editable text? It looks like it is inside the canvas rather than with regular DOM nodes like Canva. The W3C recommends against [1] doing this due to all the issues (selection, undo/redo, keyboard nav, special glyphs, RTL languages, etc) that come with text editing... but it appears to work really well. Or did you find some library to do that?

[1]: https://www.w3.org/wiki/No_edit_change_proposal_for_canvas_t...

saasxyz|3 years ago

Impressive work. Will be checking the progress.

Also, I see that you've hosted the project on Vercel, can it handle the heavy traffic from HN?

2Gkashmiri|3 years ago

is there way to automate poster building? i mean i was looking for something like this?

a simple example would be how office diaries are made. the frontpage is same but the name is changed for each customer.

maybe your software can do this programatically mail-merge style? like we give a template, we give client list and boom, indiviual poster for each client?

chloe-bm|3 years ago

Yes, we have dynamic content support. You can introduce variables inside designs for: Text, Images, Video, etc. You can join our server and ask us anything.

hn2017|3 years ago

I've not heard much about Canva. How is it different than Adobe Express?

diatone|3 years ago

Disclaimer: I work for Canva, my opinions are my own.

Among other things, Canva supports collaborative whiteboarding:

https://www.canva.com/newsroom/news/introducing-canva-whiteb...

and landing pages:

https://www.canva.com/designschool/tutorials/canva-websites/

So one way I like to think of Adobe Express is that it’s a subset of Canva’s offering, but the media editing features are slightly more refined. The corollary here is that Express’ moat is Adobe’s stock image library. It will have trouble beating Canva as a visual communication platform over time.

Also, Canva is more value aligned with me; I’m biased of course. But it’s worth raising in case you’re interested: the company is committed to promoting and pursuing sustainability where it can:

https://www.canva.com/sustainability/

and about 30% of the equity is committed to philanthropic work:

https://www.afr.com/wealth/people/canva-s-billion-dollar-giv...

jordandeneellis|3 years ago

Hi, I’m Jordan from the Adobe Express team. There are a few competing products and apps in this space, each with their own strengths.

My personal favorite features in Adobe Express are the ways it’s powered by Adobe: access to hundreds of thousands of Adobe Stock photos, over 20,000 Adobe Fonts, and gorgeous templates crafted by Adobe designers.

I also really love the new scheduling tools that help me do all of my social media creating and scheduling in one place!

chloe-bm|3 years ago

It should be very similar, not sure if adobe express supports video and presentations.

upen946|3 years ago

This is so cool. The view is also almost like Canva. Impressive so far.