CodeKitHub

Social Media Tools

Mockup generators for memes and design work, plus a couple of genuinely useful social-media utilities — thumbnail grabbing and Open Graph tag generation. Every tool here runs entirely in your browser.

ChatGPT Conversation Generator

ChatGPT Conversation Generator. Everything is generated locally in your browser; nothing is ever uploaded to a server.

Claude Conversation Generator

Claude Conversation Generator. Everything is generated locally in your browser; nothing is ever uploaded to a server.

Gemini Conversation Generator

Gemini Conversation Generator. Recreate Google Gemini's dark chat UI with your own text and download it as a PNG.

Perplexity Conversation Generator

Perplexity Conversation Generator. Recreate Perplexity's dark, teal-accented search-answer UI with your own text and download it as a PNG.

Grok Conversation Generator

Grok Conversation Generator. Recreate xAI's minimalist Grok chat UI with your own text and download it as a PNG.

DeepSeek Conversation Generator

DeepSeek Conversation Generator. Recreate DeepSeek's chat UI with your own text and download it as a PNG.

Copilot Conversation Generator

Copilot Conversation Generator. Recreate Microsoft Copilot's chat UI with your own text and download it as a PNG.

Meta AI Conversation Generator

Meta AI Conversation Generator. Everything is generated locally in your browser; nothing is ever uploaded to a server.

Twitter/X Post Generator

Twitter/X Post Generator. Everything is generated locally in your browser; nothing is ever uploaded to a server.

X Thread Generator

Build a fake X/Twitter thread with stacked posts connected by X's signature line, for mockups and presentations only.

X Reply Generator

Build a fake X/Twitter reply thread with an original post and a stack of replies, for mockups and presentations only.

X Profile Generator

Design a fake X/Twitter profile page with a custom banner, avatar, bio and follower counts, for mockups and presentations only.

X DM Generator

Create a fake X/Twitter DM conversation with a custom contact, verified badge and message bubbles, for mockups and presentations only.

TikTok Video Generator

TikTok Video Generator. Everything is generated locally in your browser; nothing is ever uploaded to a server.

Facebook Post Generator

Facebook Post Generator. Everything is generated locally in your browser using the HTML Canvas API; nothing is ever uploaded to a server.

Facebook Story Generator

Facebook Story Generator. Create a vertical 9:16 Facebook Story mockup with a background, text overlay and reply bar — entirely in your browser.

Facebook Comment Generator

Facebook Comment Generator. Build a realistic Facebook comment thread with named commenters, likes and nested replies — entirely in your browser.

Facebook Profile Generator

Facebook Profile Generator. Create a fake Facebook profile mockup with a cover photo, overlapping avatar, bio and friends count — entirely in your browser.

LinkedIn Post Generator

Build a realistic LinkedIn feed post mockup with a professional headline, connection badge and reaction stats.

LinkedIn Article Generator

Preview a long-form LinkedIn article with a cover image, author headline and read-time before you publish.

LinkedIn Comment Generator

Build a realistic LinkedIn comment thread with named commenters, headlines, likes and nested replies.

LinkedIn Message Generator

Create a realistic LinkedIn message thread with a contact name, headline, presence status and message bubbles.

Instagram DM Generator

Design a fake Instagram DM conversation and export it as a PNG image, entirely in your browser.

Instagram Post Generator

Design a fake Instagram feed post — caption, hashtags, likes and comments — and export it as a PNG image.

Instagram Story Generator

Design a fake Instagram Story — progress bar, overlay text and reply bar — and export it as a portrait PNG image.

Instagram Comment Generator

Design a fake Instagram comment thread with multiple commenters and like counts, and export it as a PNG image.

Instagram Profile Generator

Design a fake Instagram profile page — bio, stats and a 3-column post grid — and export it as a PNG image.

Pinterest Pin Generator

Pinterest Pin Generator. Build a realistic tall pin mockup with a title overlay, description, board attribution and save count.

Pinterest Board Generator

Pinterest Board Generator. Build a realistic board mockup with a grid of colorful pin thumbnails, follower count and profile details.

Snapchat Snap Generator

Fake Snapchat Snap Generator. Build a realistic single-snap mockup with a timer ring, Snap Score and text overlay.

Snapchat Story Simulator

Snapchat Story Simulator. Build a realistic story mockup with multi-segment progress bars, a username header and text overlay.

Fake Tumblr Post Simulator

Fake Tumblr Post Simulator. Build a realistic blog post mockup with custom blog name, text, tags, notes and an optional reblog chain line.

Tumblr Dashboard Simulator

Tumblr Dashboard Simulator. Build a realistic feed mockup with multiple stacked text, photo and quote posts from different blogs.

Fake Reddit Post Generator

Fake Reddit Post Generator. Build a realistic Reddit post mockup with vote arrows, subreddit line, title, body text and comment/share row.

Reddit Comment Generator

Reddit Comment Generator. Build a realistic nested comment thread with up/downvote arrows and indentation lines for replies.

Reddit Chat Simulator

Reddit Chat Simulator. Build a realistic Reddit DM conversation mockup with a contact header, online status and custom message bubbles.

WhatsApp Chat Generator

Design a fake WhatsApp conversation and export it as a PNG image, entirely in your browser.

Telegram Chat Generator

Design a fake Telegram conversation — dark or light theme — and export it as a PNG image, entirely in your browser.

iMessage Chat Generator

Design a fake iMessage conversation and export it as a PNG — for mockups and memes only.

Discord Chat Generator

Design a fake Discord channel conversation — colored usernames, server header — and export it as a PNG, entirely in your browser.

Slack Chat Generator

Design a fake Slack channel conversation — bold usernames, purple channel header — and export it as a PNG, entirely in your browser.

Teams Chat Generator

Design a fake Microsoft Teams conversation — presence dot, purple bubbles — and export it as a PNG, entirely in your browser.

Messenger Chat Generator

Design a fake Messenger conversation with rounded blue bubbles and export it as a PNG image, entirely in your browser.

Signal Chat Generator

Design a fake Signal conversation with its minimalist blue chrome and export it as a PNG image, entirely in your browser.

WeChat Chat Generator

Design a fake WeChat conversation with its signature green bubbles and export it as a PNG image, entirely in your browser.

LINE Chat Generator

Design a fake LINE conversation with its friendly light-green bubbles and export it as a PNG image, entirely in your browser.

Custom Chat Generator

Design a fake chat mockup with your own bubble colors — not tied to any specific real app — and export it as a PNG image.

YouTube & Vimeo Thumbnail Grabber

Paste a YouTube or Vimeo link and download its thumbnail in every resolution the video actually has.

YouTube Shorts Generator

YouTube Shorts Generator. Preview a vertical YouTube Short with the native action rail, channel overlay and view count — entirely in your browser.

YouTube Video Generator

Design a fake YouTube watch page — 16:9 thumbnail, title, channel row and stats — and export it as a PNG image.

YouTube Comment Generator

YouTube Comment Generator. Build a realistic YouTube comment thread with named commenters, likes, replies and a Creator badge — entirely in your browser.

YouTube Channel Generator

YouTube Channel Generator. Design a realistic YouTube channel page with a banner, avatar, subscriber count and video thumbnail tiles — entirely in your browser.

Open Graph Meta Tag Generator

Create Open Graph and Twitter Card meta tags with a live share-preview.