Logo

Snap My Tweet

Built a fully customizable tweet-to-image generator where users can edit content, padding, shadows, and export high-quality PNGs.

๐Ÿฆ Snap My Tweet โ€“ Tweet Image Generator

๐Ÿฆ Snap My Tweet

Custom Tweet Image Generator for Creators, Marketers & Meme-Lords

๐ŸŽฏ Project Overview

Snap My Tweet is a web-based tool that lets users create high-quality, fully customizable tweet-style images.

The goal was to make an intuitive editor with powerful design controls โ€” ideal for content creators who want visually engaging posts for platforms like LinkedIn, Instagram, or X (Twitter).

๐Ÿงฉ Key Features

๐Ÿ”น Live Editor Panel

  • Real-time editing of tweet content, name, and handle
  • Adjustable padding, background, and shadows

๐Ÿ”น Canvas Customization

  • Toggle canvas background
  • Control padding (X/Y), shadow strength, and tweet card layout

๐Ÿ”น LocalStorage Persistence

  • Auto-save settings and user progress
  • Seamless experience even after refresh

๐Ÿ”น Image Export

  • One-click export to high-resolution PNG
  • No backend required โ€” everything happens on the client side

๐Ÿ”น Modular UI

  • Clean, sectioned interface
  • Easy navigation and streamlined UX

โš™ Tech Stack

  • Frontend: Next.js 15, TypeScript
  • Styling: Tailwind CSS, ShadCN UI
  • Form & Validation: React Hook Form, Zod
  • Storage: localStorage for instant persistence

๐Ÿงช In Progress / Planned Enhancements

  • Drag-and-drop tweet positioning
  • Theme presets and template saving
  • Google Fonts integration
  • User accounts and SaaS subscription features

โœ… Results & Outcome

Snap My Tweet delivers a fast, interactive design experience tailored for modern content creators.

Whether it's a quote, a meme, or a thought-piece โ€” users can create and export tweet visuals in seconds.

The project is built with performance, UX, and future SaaS potential in mind.

๐Ÿ”— Try it Live

Visit Snap My Tweet

Tags

Next.jsTypescriptTailwindCSSTailwind CSS