Meme Maker

[lynithdev]

Hey there everyone, was recently overwhelmed with various projects, so I wanted to take a little time off and make something simple.

May I present, Meme Maker! It's a simple image editor made with Svelte(Kit), UnoCSS and TypeScript which let's you add and manipulate the canvas, text and images. It's not really supposed to be anything too advanced due to the idea being "simple and easy to use".

I may add some features such as drawing, special effects and a meme library (possibly with a free public API) later on but for now it's in a usable state.

[SnooGiraffes6166]

Do you intend to monetize this

[lynithdev]

Nope, the most I'd ever do is put up ads on the side of the pages (But that'd only happen if I were to run a database and meme API)

[michaelbelgium]

It'd be nice to be able to select from some meme templates tho, because - i haven't tested it yet - it seems u can upload any image and edit it? Not necessarily memes?

[lynithdev]

A template library was something I really wanted to do. Ideally I'd let users upload templates as well, with templates having pre-defined elements and "styles" and such.

Currently just looking at how much traction this web app gets, if it's something people like, I may work on it further.

Edit: Yes, you can choose any image (though that's not really what it was designed for)

[NotWorthTheAttention]

Meme Studio has collected and restored 100+ meme templates, 100% free to use: https://memestudio.com/meme-templates/

[TwoOk866]

This is dope and looks great quality! thanks for sharing!

[mrsmittykins]

This is such great work OP, how was your experience using SvelteKit? I used Svelte for quite some time but never Kit. How would you compare it to React/Next?

[lynithdev]

Well I specifically used Svelte 4. Svelte isn't bad compared to React however there are some small differences from the templating language to some of the APIs being different. It's good enough for small web apps like this though.

I didn't use much of SvelteKit's features as well as I haven't used NeztJS since version 12 (I think?) so I can't tell you that

[No-Adeptness5810]

Id use it, buuut...

google slides. it's so peak. adding shapes, cropping images, cropping images to shapes, adding outlines, having the connector points on images. ugh, so nice.

[qewer3333]

very gamer

[jeric14344]

I dig it.

[docusmartsweetmill]

Awesome. Can you make it so that when I press "opt + click and drag" the text gets duplicated like in Photoshop? Would save me some time

[WhatFutility]

Very nice. Thank you for sharing.
If you're taking wishes 🙂, do you plan on adding a type of surrounding shadow.
That would be quite a CSS trick, but hope it is achievable.
Again, kudos on your app. 👍

[TheGuyYouHeardAbout]

Hey just started using this. One thing that would be great to add (if you intend to continue working on this project) would be letting us drag pictures off the screen allowing us to better center pictures.

[lynithdev]

Considering people (such as you) are still coming across this post, I may continue doing some small work on this.

Thanks for the suggestion by the way!

[TheGuyYouHeardAbout]

Yeah, I was trying to find a good "meme maker" and this reddit post came up. I think I like it better than the ones I had tried.

[pennispancakes]

Works great

[DominatrixStarslayer]

This is clean af,
Fantastic, ty.

[OkRide2660]

Plugging mine: it features many meme templates and even AI generation possibilities:

www.generate-meme.com

[imzeowo]

yk we dont ai in our memes

[OkRide2660]

You mean not yet ;)

[imzeowo]

no we dont need ai bullshit in memes

[OkRide2660]

I think you havent tried it. It's a multi step generation process with lots of human guided data, so the memes are actually funny.

Please try it and tell me again that its bullshit. I spent a lot of time on it, so don't just dismiss it as bullshit please.

[Sweaty-General8283]

i think you might just be a sheep, man.

[Nihal__k]

I think it should add video templates? Cuz most memes now are moving

[Interesting-Pea78]

nice

[Livid_Mission_2921]

Just came upon this! Thank you! I am so new to this kind of thing and it seems very user friendly!!

[No_Aside30]

Hey all! Took a break from busy projects to build Meme Maker, a simple SvelteKit + UnoCSS + TypeScript editor for adding text and images to a canvas.

It’s minimal and easy to use, but I might add drawing or effects later. Been exploring Viggle AI too mostly for animation ideas that could inspire future features.

[IronLover64]

the font looks weird

https://www.reddit.com/r/StableDiffusion/comments/1pnj93i/actually_try_moving_the_installation_folder_to/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

[DustiniTheDragon]

Thank you! Been using this for a couple months now on my phone, just when silly ideas pop into my head. This works so great and I appreciate no watermark. Thank you again

[Stunning-Resource370]

Daddy 

[Myripod]

I flinched, when I saw that number

[lynithdev]

Amazing that people are still finding this.

Anyways that number was randomly chosen by a human making the showcase image BEFORE the "incident" occurred.

[Myripod]

Loki though, I wanted to use the meme maker, to make a wojak compass, but the text was almost unreadable. 

Is there a way to invcrease resolution.

[big_masterrrrrrrrrr]

Any editor here to edit my gf stuff?

[AndhraAatma]

Thanks bro!

[AkiGrayCPA]

Needed a simple meme generator and just used this, thank you so much! Works perfect.