Customizable Tweet Image Generator

Create personalized Twitter post images with custom usernames, user IDs, tweet content, and profile pictures using this Next.js app built with TypeScript and Tailwind CSS.

Features

• Generate customized Twitter post images.
• Easy-to-use interface for inputting user details and tweet content.
• Real-time preview of the generated image.
• Add verified (blue, gold) tick with your name
• Download the customized image and share it on social media.

Demo

Check out the live demo of the app here.

Installation

1. Navigate to the project directory:

   cd your-repo

2. Install dependencies:

   npm install

Usage

1. Run the development server:

   npm run dev

2. Open your web browser and go to http://localhost:3000.

3. Customize the tweet by entering the desired details:

   • Username
   • User ID
   • Tweet content
   • Profile picture

4. Preview the generated tweet image in real-time.

5. Once satisfied with the customization, click the "Download" button to save the image.

Technologies Used

• Next.js
• TypeScript
• Tailwind CSS

Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.