TweetSnap

Create Beautiful Images of Tweets

Request Feature · Report Bug · Contribute

TweetSnap is an opensource platform that lets you create beautiful images of tweets using an easy-to-use and simple interface. It comes packed with tons of cool features to make you create a unique image.

🧐 Features

Here are some of the awesome features of TweetSnap.

• 🌓 Website Light/Dark Mode
• 🎨 Change background color of images
• ⏬ Download as PNG
• 📱 Size support for Instagram Posts, Instagram Stories, FaceBook Posts and WhatsApp Status
• 🌱 Show/Hide Tweet Metrics (Likes, Retweets, Replies, Date/Time, Source)
• 🌓 Light/Dark mode support for Tweet
• 🔠 Resize Content of Tweet

More Features Coming Soon!!🚀
If have any suggestions for future features, let me know here or shoot me a tweet @itsammaar_7

🏗 Built With

Here is what TweetSnap uses behind the scenes.

• NextJS
• TailwindCSS - Styling
• Vercel - Hosting
• React Icons - Beautiful Icons
• Next Themes - Theming
• file-saver - Download Image
• dom-to-image - Convert to PNG
• date-fns - Format Data/Time

🏢 Contributing

Please contribute using the Github Flow. Create a branch, add commits and open up a pull request. Make sure your PR isn't a duplicate Please also read CONTRIBUTING.md and CODE_OF_CONDUCT.md

⚙ Development

1. Clone the Repository

git clone https://github.com/ammaaraslam/tweetsnap.git

2. Move into the working directory

cd tweetsnap

3. Install Dependencies

npm install

4. Create a .env.local file and add your twitter bearer token

TWITTER_BEARER_TOKEN=YOUR_BEARER_TOKEN_HERE

5. Run the App

npm run dev

👨‍💻 Author

Ammaar Aslam

Twitter 🐦 - @itsammaar_7
Instagram 📸 - @itsammaar_7
GitHub 🐱 - @ammaaraslam
Hashnode 📚 - @ammaaraslam

🙏 Support

If you found the app helpful, consider supporting me with a coffee.