Mastodon GIF Maker

Welcome In

Hi there! I'm Alan and I'm glad you stopped by.

I built this yesterday when Twitter was prohibiting links to other social networks. The idea was to provide GIFs so folks could use them instead of links which wouldn't get through. Seems that's no longer necessary, but I'm having fun. I'm gonna keep working on it. Plus, I have this amusing vision of "I'm on Mastodon" GIFs taking over Twitter.

Make Your GIF

Here's the four steps for making your own GIF for Twitter

1. Pick A Background GIF

An airplane in flight with the pilot waving
A man dancing on the street
An astronaut taking off their helmet
An African elephant covered in mud
An astronaut sitting and looking around in a desert
Astronauts looking around in a desolate area
An elephant eating with its trunk and flapping its ears
A man wearing a hoodie on top of a building. He punches up and the camera asends away from him on a drone
An elephant bathing in a river
A dark elephant walking from left to right
An elephant eating in a field
A person on a bike backlit by a sunset
A timelaps looking over a curve of land on water with a blue sky
A woman dancing in neon glow
A woman holding a skateboard
A woman stretching and wearing a mask

(I'm adding more GIFs, if you have art that's open source or that you own and are willing to share, I'd love to see about inclding it. Hit me up.)

2. Update Your Text





I haven't wired this preview up to animate yet. It will when you create the final version

3. And Create Your GIF!


(NOTE 1: It can take a few seconds to generate - NOTE 2: The image is generated in a pop-up window which your browser will probably block the first time. Give it permission, try again and it should work. )

Save the image from the pop-up window and then you can post it on twitter. (NOTE 3: You might need to add the filename including `.gif` at the end.)

4. Post It

That's it for making the GIFs. After you download it, you can post it on Twitter at your leisure. The rest of the page is notes about this project. If you're interested in more details, read on.

Notes

This is a super basic first version. I'm still adding features which you can see further below. If you see something that's flat out broken, please let me know on mastodon

Launch Requirements

Next Steps

GitHub

The source code for this site is Open Source and available on GitHub. It's here if you'd like to take a look: alanwsmith/mastodon-gif-maker.

Video Sources

The images were generated from pexel videos. The links are: