1<!DOCTYPE html><html lang="en"><head> 2 <meta charset="UTF-8"> 3 <!-- Google tag (gtag.js) -->
vendor: 73 bytes, lines 3-4
3 4 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
4G-7JBK107YBB
vendor: 18 bytes, lines 4-5
4"></script> 5
5<script> 6
vendor: 152 bytes, lines 6-10
6window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 10 gtag('config', '
10G-7JBK107YBB
vendor: 10 bytes, lines 10-11
10'); 11
11</script>
11 12 <meta name="google-adsense-account" content="ca-pub-5986620038307939"> 13 <title>Reddit Post Generator: Make A Fake Reddit Post Free</title> 14 <!-- Favicon --> 15 <link rel="icon" href="/assets/icons/favicon.ico" fetchpriority="high"> 16 <link rel="apple-touch-icon" href="/assets/icons/favicon.ico" fetchpriority="high"> 17 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 18 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 20 21 <link rel="preconnect" href="https://fonts.googleapis.com"> 22 23
23<script type="module" crossorigin="" src="/assets/index-CAydr_QN.js"></script>
23 24 <link rel="modulepreload" crossorigin="" href="/assets/rolldown-runtime-aKtaBQYM.js"> 25 <link rel="modulepreload" crossorigin="" href="/assets/vendor-exifr-klB6UM0q.js"> 26 <link rel="modulepreload" crossorigin="" href="/assets/vendor-Dfko27vF.js"> 27 <link rel="modulepreload" crossorigin="" href="/assets/vendor-icons-DZoxA5I-.js"> 28 <link rel="stylesheet" crossorigin="" href="/assets/index-DuBHHAVN.css"> 29<style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
29left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
29:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
29--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 30</style><meta name="description" content="Create a fake Reddit post with multiple images, threaded comments, votes and an optional phone frame, free and instant. Download it as a PNG. Use it free now!"><meta name="keywords" content="reddit post generator, fake reddit post generator, fake reddit post maker, fake reddit comment generator, reddit post template"><meta property="og:title" content="Reddit Post Generator: Make A Fake Reddit Post Free"><meta property="og:description" content="Create a fake Reddit post with multiple images, threaded comments, votes and an optional phone frame, free and instant. Download it as a PNG. Use it free now!"><meta property="og:image" content="https://trywebkits.com/assets/reddit-post-generator-preview.jpg"><meta property="og:url" content="https://trywebkits.com/tool/reddit-post-generator"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Reddit Post Generator: Make A Fake Reddit Post Free"><meta name="twitter:description" content="Create a fake Reddit post with multiple images, threaded comments, votes and an optional phone frame, free and instant. Download it as a PNG. Use it free now!"><meta name="twitter:image" content="https://trywebkits.com/assets/reddit-post-generator-preview.jpg"><style type="text/css">:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;
30left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}
30:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);
30--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)} 31</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/RedditPostGenerator-D5ghLIPq.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/FAQ-Bxq0WVDy.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/UniSlot-32At8pQw.js"><link rel="canonical" href="https://trywebkits.com/tool/reddit-post-generator"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><link rel="modulepreload" as="script" crossorigin="" href="/assets/FileUpload-BtqXORnt.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/HowItWorks-HvGVsxgU.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/VisualShowcase-B0AgWxSg.js">
31<link rel="modulepreload" as="script" crossorigin="" href="/assets/WhyTool-BU4kzyoz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/RelatedTools-BMK5joYv.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-CAydr_QN.js">
31<script id="dynamic-schema" class="dynamic-schema" type="application/ld+json">[{"@context":"https://schema.org","@type":"WebPage","name":"Reddit Post Generator: Make A Fake Reddit Post Free","description":"Create a fake Reddit post with multiple images, threaded comments, votes and an optional phone frame, free and instant. Download it as a PNG. Use it free now!","url":"https://trywebkits.com/tool/reddit-post-generator"},{"@context":"https://schema.org","@type":"WebApplication","name":"Reddit Post Generator","description":"Create a fake Reddit post with multiple images, threaded comments, votes and an optional phone frame, free and instant. Download it as a PNG. Use it free now!","applicationCategory":"BrowserApplication","operatingSystem":"All"},{"@context":"https://schema.org","@type":"Usage Guide","name":"How to use Reddit Post Generator","step":[{"@type":"HowToStep","position":1,"name":"Step 1:","text":"Fill in the subreddit, username, title and images."},{"@type":"HowToStep","position":2,"name":"Step 2:","text":"Build the comment thread."},{"@type":"HowToStep","position":3,"name":"Step 3:","text":"Optionally wrap it in a phone frame."},{"@type":"HowToStep","position":4,"name":"Step 4:","text":"Download the post as PNG."}]}]</script>
31</head> 32 33 <body> 34 <div id="root"><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div class="min-h-screen flex flex-col"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-background py-4"><div class="container-wide"><nav class="flex items-center justify-between h-14 md:h-18 gap-8"><a class="flex-shrink-0 transition-transform active:scale-95" href="/"><img src="/assets/trywebkits-logo.png" alt="TryWebKits Logo" fetchpriority="high" class="h-10 md:h-14 w-auto object-contain"></a><div class="hidden md:flex flex-1 max-w-lg relative"><div class="relative w-full group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 transition-colors text-subheading"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search tools..." class="w-full bg-secondary/60 border border-transparent rounded-xl py-2.5 pl-11 pr-4 text-sm focus:bg-white focus:border-primary/20 focus:ring-4 focus:ring-primary/5 transition-all outline-none" value=""></div></div><div class="hidden lg:flex items-center gap-1"><div class="relative group"><button class="px-4 py-2 text-sm font-medium text-subheading hover:text-heading flex items-center gap-1 rounded-full hover:bg-secondary/50 transition-all">Categories <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 group-hover:rotate-180 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all transform translate-y-2 group-hover:translate-y-0"><div class="w-72 bg-white rounded-xl shadow-xl border border-border p-2"><a class="block px-4 py-3 hover:bg-secondary rounded-lg transition-colors" href="/category/productivity"><span class="block text-heading font-semibold text-sm">Productivity & Development</span><span class="block text-body text-[11px] mt-0.5 line-clamp-1">Tools to boost your workflow and coding efficiency</span></a><a class="block px-4 py-3 hover:bg-secondary rounded-lg transition-colors" href="/category/design"><span class="block text-heading font-semibold text-sm">Design & Creativity</span><span class="block text-body text-[11px] mt-0.5 line-clamp-1">Creative tools for designers and content creators</span></a><a class="block px-4 py-3 hover:bg-secondary rounded-lg transition-colors" href="/category/social"><span class="block text-heading font-semibold text-sm">Social Media & Lifestyle</span><span class="block text-body text-[11px] mt-0.5 line-clamp-1">Tools for social media and everyday life</span></a></div></div></div><div class="relative group"><button class="px-4 py-2 text-sm font-medium text-subheading hover:text-heading flex items-center gap-1 rounded-full hover:bg-secondary/50 transition-all">Resources <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 group-hover:rotate-180 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all transform translate-y-2 group-hover:translate-y-0"><div class="w-56 bg-white rounded-xl shadow-xl border border-border p-2"><a class="block px-4 py-2.5 text-sm text-heading font-medium hover:bg-secondary rounded-lg" href="/about">About Us</a><a class="block px-4 py-2.5 text-sm text-heading font-medium hover:bg-secondary rounded-lg" href="/contact">Support Desk</a><a class="block px-4 py-2.5 text-sm text-heading font-medium hover:bg-secondary rounded-lg" href="/terms-of-use">Terms of Use</a></div></div></div><div class="relative group"><button class="px-4 py-2 text-sm font-medium text-subheading hover:text-heading flex items-center gap-1 rounded-full hover:bg-secondary/50 transition-all">Extensions <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 group-hover:rotate-180 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute top-full right-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all transform translate-y-2 group-hover:translate-y-0"><div class="w-60 bg-white rounded-xl shadow-xl border border-border p-2"><a href="https://chromewebstore.google.com/detail/trywebkits-helper-kit/lgncpjablacojmfclpoinibeglogdmcp" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-4 py-3 text-sm text-heading font-medium hover:bg-secondary rounded-lg group"><img src="/assets/icons/chrome.svg" alt="Chrome Logo" fetchpriority="high" class="w-6 h-6 grayscale group-hover:grayscale-0 transition-all"><span>Chrome / Brave</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link w-3 h-3 ml-auto opacity-30"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a><a href="https://addons.mozilla.org/en-US/firefox/addon/trywebkits-helper-kit/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-4 py-3 text-sm text-heading font-medium hover:bg-secondary rounded-lg group"><img src="/assets/icons/firefox.svg" alt="Firefox Logo" fetchpriority="high" class="w-6 h-6 grayscale group-hover:grayscale-0 transition-all"><span>Firefox</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link w-3 h-3 ml-auto opacity-30"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></div></div></div><button class="lg:hidden p-2 text-heading z-[60] hover:bg-secondary rounded-full transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></nav><div class="lg:hidden fixed inset-0 bg-white z-50 transform transition-transform duration-500 ease-out translate-x-full"><div class="flex flex-col h-full pt-20 px-6 space-y-6 overflow-y-auto pb-10"><div class="relative mt-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-body/40"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search tools..." class="w-full bg-secondary/50 border-none rounded-2xl py-4 pl-12 pr-4 outline-none text-heading font-medium" value=""></div><div class="space-y-4 pt-2"><p class="text-[10px] font-bold text-body/40 uppercase tracking-widest">Explore Categories</p><div class="grid grid-cols-1 gap-1"><a class="text-xl text-heading font-bold py-3 border-b border-border/10 flex justify-between items-center group active:bg-secondary/40 px-2 rounded-lg" href="/category/productivity">Productivity & Development <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 opacity-20"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="text-xl text-heading font-bold py-3 border-b border-border/10 flex justify-between items-center group active:bg-secondary/40 px-2 rounded-lg" href="/category/design">Design & Creativity <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 opacity-20"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="text-xl text-heading font-bold py-3 border-b border-border/10 flex justify-between items-center group active:bg-secondary/40 px-2 rounded-lg" href="/category/social">Social Media & Lifestyle <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 opacity-20"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="space-y-4 pt-6 border-t border-border/50"><a class="block text-body font-semibold" href="/about">About Us</a><a class="block text-body font-semibold" href="/contact">Support Desk</a><a class="block text-body font-semibold" href="/terms-of-use">Terms of Use</a></div></div></div></div></header><main class="flex-1 pt-16 md:pt-18"><div class="min-h-screen bg-[#F8FAFC]"><section class="py-12 md:py-16 border-b border-border bg-white"><div class="container-narrow text-center"><img src="/assets/icons/reddit-post-generator.svg" alt="" class="w-14 h-14 mx-auto mb-4" style="display: none;"><h1 class="text-heading text-4xl md:text-5xl font-black mb-4">Reddit Post Generator</h1><p class="text-body text-lg max-w-3xl mx-auto">Create Reddit-style post images with customizable titles, usernames, communities, comments, and engagement details.</p></div></section><section class="py-12 overflow-x-clip"><div class="container-wide px-4"><div class="grid lg:grid-cols-12 gap-10 items-start"><div class="lg:col-span-5 min-w-0 space-y-4"><div class="flex flex-wrap gap-1.5" role="tablist" aria-label="Editor sections"><button type="button" role="tab" aria-selected="true" class="rounded-full border px-3.5 py-1.5 text-[13px] font-medium border-[#2563EB] bg-[#2563EB] text-white">Post</button><button type="button" role="tab" aria-selected="false" class="rounded-full border px-3.5 py-1.5 text-[13px] font-medium border-border bg-card text-subheading hover:text-heading">Comments (2)</button><button type="button" role="tab" aria-selected="false" class="rounded-full border px-3.5 py-1.5 text-[13px] font-medium border-border bg-card text-subheading hover:text-heading">Phone</button></div><div class="card-base p-6 space-y-5 shadow-sm border-slate-200 min-h-[420px]"><div class="grid grid-cols-2 gap-4"><input type="text" class="input-base" placeholder="subreddit" value="AskReddit"><input type="text" class="input-base" placeholder="username" value="curious_mind_42"></div><div class="grid grid-cols-2 gap-4"><input type="text" class="input-base" placeholder="Flair (optional)" value=""><input type="text" class="input-base" placeholder="Posted time, e.g. 7 hr. ago" value="7 hr. ago"></div><div class="flex flex-col gap-2 transition-all duration-200 rounded-xl "><label class="text-[10px] font-black uppercase text-slate-500 flex justify-between px-1 tracking-wider"><span>Community icon (optional)</span></label><input type="file" accept="image/png, image/jpeg, image/webp" class="w-full text-sm file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-bold file:bg-blue-50 file:text-[#2563EB] hover:file:bg-blue-100 cursor-pointer"></div><input type="text" class="input-base" placeholder="Post title" value="What's a small thing that instantly makes you trust someone?"><textarea class="input-base min-h-[80px]" placeholder="Body text (optional â ignored if images are added)"></textarea><div class="pt-2 border-t border-border space-y-3"><div class="relative border-2 border-dashed rounded-3xl p-10 text-center transition-all duration-300 cursor-pointer overflow-hidden border-slate-200 bg-slate-50/50 "><input type="file" accept="*" class="hidden"><div class="pointer-events-none transition-transform duration-300 scale-100"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload mx-auto mb-4 text-slate-400"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" x2="12" y1="3" y2="15"></line></svg><p class="text-sm font-black text-slate-700 uppercase tracking-widest mb-2">Drag and drop images here</p><div class="flex items-center justify-center gap-1.5 opacity-70"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-amber-600 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><p class="text-xs text-slate-500 font-bold">Select multiple at once, up to 6</p></div></div></div><p class="text-[12px] text-subheading">1 image fills the width, 2 sit side by side, 3 make a big-top layout, 4+ form a grid with a "+N" overlay.</p></div><div class="pt-2 border-t border-border grid grid-cols-3 gap-3"><input type="text" class="input-base text-xs" placeholder="Upvotes" value="18.2k"><input type="text" class="input-base text-xs" placeholder="Comments" value="4,381"><input type="text" class="input-base text-xs" placeholder="Awards #" value="2"></div></div><div class="grid grid-cols-2 gap-4"><button class="btn-primary py-4 font-black flex items-center justify-center gap-2 disabled:opacity-70"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-4 h-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>DOWNLOAD PNG</button><button class="border-2 border-red-100 text-red-500 rounded-xl py-4 font-black hover:bg-red-50 transition-colors flex items-center justify-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rotate-ccw w-4 h-4"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path></svg> RESET</button></div></div><div class="lg:col-span-7 min-w-0 flex flex-col items-center sticky top-8"><div class="w-full min-w-0 flex justify-start lg:justify-center overflow-auto rounded-xl border border-border bg-[#e9e8e4] p-4"><div class="font-sans" style="background: rgb(255, 255, 255); width: 600px; flex-shrink: 0; border: 1px solid rgb(237, 239, 241); border-radius: 12px;"><div style="padding: 16px; margin-top: 0px;"><div class="flex items-center gap-2 text-[12px] mb-2 flex-wrap"><span class="rounded-full shrink-0" style="width: 24px; height: 24px; background: rgb(255, 69, 0);"></span><span style="color: rgb(28, 28, 28); font-weight: 700;">r/AskReddit</span></div>
34<div class="mb-2" style="color: rgb(120, 124, 126); font-size: 12px;">Posted by u/curious_mind_42 ⢠7 hr. ago</div><div class="mb-2 break-words" style="color: rgb(28, 28, 28); font-size: 19px; font-weight: 600; line-height: 1.3;">What's a small thing that instantly makes you trust someone?</div><div class="flex items-center gap-2 mt-2 flex-wrap"><div class="flex items-center gap-1 rounded-full px-1 py-0.5" style="background: rgb(246, 247, 248);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FF4500" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-up w-5 h-5" style="color: rgb(255, 69, 0);"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"></path></svg><span class="px-0.5" style="color: rgb(28, 28, 28); font-size: 12px; font-weight: 700;">18.2k</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-down w-5 h-5" style="color: rgb(120, 124, 126);"><path d="M15 6v6h4l-7 7-7-7h4V6h6z"></path></svg></div><div class="flex items-center gap-1.5 rounded-full px-3 py-1.5" style="background: rgb(246, 247, 248); color: rgb(28, 28, 28); font-size: 12px; font-weight: 700;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-4 h-4"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg> 4,381</div><div class="flex items-center gap-1.5 rounded-full px-3 py-1.5" style="background: rgb(246, 247, 248); color: rgb(28, 28, 28); font-size: 12px; font-weight: 700;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 w-4 h-4"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg> Share</div><div class="flex items-center gap-1.5 rounded-full px-3 py-1.5" style="background: rgb(246, 247, 248); color: rgb(28, 28, 28); font-size: 12px; font-weight: 700;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark w-4 h-4"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg> Save</div><div class="flex items-center gap-1.5 rounded-full px-3 py-1.5" style="background: rgb(246, 247, 248); color: rgb(28, 28, 28); font-size: 12px; font-weight: 700;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-4 h-4" style="color: rgb(255, 176, 0);"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg> 2</div></div><div class="mt-4 pt-3 space-y-3" style="border-top: 1px solid rgb(237, 239, 241);"><div style="color: rgb(120, 124, 126); font-size: 13px; font-weight: 600;">View more comments</div><div class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full font-bold text-white uppercase" style="width: 26px; height: 26px; font-size: 10.92px; background: rgb(113, 147, 255);">w</span><div class="min-w-0 flex-1"><div class="flex items-center gap-1.5 flex-wrap" style="font-size: 12.5px;"><span style="color: rgb(28, 28, 28); font-weight: 700;">wandering_fox</span><span style="color: rgb(120, 124, 126);">⢠4h</span></div><div class="break-words" style="color: rgb(28, 28, 28); font-size: 13.5px; line-height: 1.5;">When they admit they donât know something instead of making it up.</div><div class="flex items-center gap-3 mt-1" style="color: rgb(120, 124,
34126); font-size: 11.5px; font-weight: 600;"><span class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-up w-3.5 h-3.5"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"></path></svg> 812 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-down w-3.5 h-3.5"><path d="M15 6v6h4l-7 7-7-7h4V6h6z"></path></svg></span><span>Reply</span></div><div class="mt-2 space-y-2 pl-3" style="border-left: 2px solid rgb(237, 239, 241);"><div class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full font-bold text-white uppercase" style="width: 22px; height: 22px; font-size: 9.24px; background: rgb(255, 69, 0);">c</span><div class="min-w-0 flex-1"><div class="flex items-center gap-1.5 flex-wrap" style="font-size: 12px;"><span style="color: rgb(28, 28, 28); font-weight: 700;">curious_mind_42</span><span class="rounded px-1.5 py-[1px]" style="background: rgb(0, 121, 211); color: rgb(255, 255, 255); font-size: 10px; font-weight: 700;">OP</span><span style="color: rgb(120, 124, 126);">⢠3h</span></div><div class="break-words" style="color: rgb(28, 28, 28); font-size: 13px; line-height: 1.5;">This. Immediate trust when someone says "Iâm not sure, let me check."</div><div class="flex items-center gap-3 mt-1" style="color: rgb(120, 124, 126); font-size: 11px; font-weight: 600;"><span class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-up w-3 h-3"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"></path></svg> 96 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-down w-3 h-3"><path d="M15 6v6h4l-7 7-7-7h4V6h6z"></path></svg></span><span>Reply</span></div></div></div></div></div></div><div class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full font-bold text-white uppercase" style="width: 26px; height: 26px; font-size: 10.92px; background: rgb(255, 69, 0);">p</span><div class="min-w-0 flex-1"><div class="flex items-center gap-1.5 flex-wrap" style="font-size: 12.5px;"><span style="color: rgb(28, 28, 28); font-weight: 700;">papercut_sky</span><span style="color: rgb(120, 124, 126);">⢠5h</span></div><div class="break-words" style="color: rgb(28, 28, 28); font-size: 13.5px; line-height: 1.5;">Remembering small details from a conversation weeks ago.</div><div class="flex items-center gap-3 mt-1" style="color: rgb(120, 124, 126); font-size: 11.5px; font-weight: 600;"><span class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-up w-3.5 h-3.5"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"></path></svg> 340 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-down w-3.5 h-3.5"><path d="M15 6v6h4l-7 7-7-7h4V6h6z"></path></svg></span><span>Reply</span></div></div></div></div></div></div></div><p class="mt-2 text-center text-[12px] text-subheading">The preview is the export â what you see here is exactly what saves.</p><div class="mt-6 w-full max-w-[600px]"></div></div></div></div></section><section class="py-16 bg-white border-y border-border"><div class="container-narrow px-4 space-y-8"><h2 class="text-heading text-3xl font-black mb-6">About This Tool</h2><p class="text-body text-lg leading-relaxed">A Reddit post normally only exists inside Reddit itself, which makes it awkward to use as an example, a joke format, or a mockup for a design or writing project. This generator builds the same post-card layout Reddit itself uses, community header, vote pill, flair, comment thread and all, from values typed into a form, then turns the finished result into a downloadable PNG. Nothing about the post is real: the subreddit, the votes, the replies and the accounts are all invented on the spot, which is the entire point of a mockup generator like this one.</p></div></section><section class="py-16 md:py-16 bg-slate-50 border-b border-slate-200"><div class="container-narrow px-4"><div class="grid md:grid-cols-2 gap-12 items-center"><div><h2 class="text-heading text-3xl font-black mb-4">How To Make A Fake Reddit Post?</h2><p class="text-body mb-6 text-slate-600 font-medium">Here are steps from a blank form to a downloadable mockup.</p><ul class="space-y-6"><li class="flex gap-4 items-start group"><span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#2563EB] text-white flex items-center justify-center font-bold shadow-sm transition-transform group-hover:scale-110">1</span>
34<p class="text-body font-medium pt-1 leading-snug">Fill in the subreddit, username, title and any images on the Post tab.</p></li><li class="flex gap-4 items-start group"><span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#2563EB] text-white flex items-center justify-center font-bold shadow-sm transition-transform group-hover:scale-110">2</span><p class="text-body font-medium pt-1 leading-snug">Switch to Comments and add commenters and replies, marking any as OP.</p></li><li class="flex gap-4 items-start group"><span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#2563EB] text-white flex items-center justify-center font-bold shadow-sm transition-transform group-hover:scale-110">3</span><p class="text-body font-medium pt-1 leading-snug">Optionally pick an iPhone or Android frame on the Phone tab.</p></li><li class="flex gap-4 items-start group"><span class="flex-shrink-0 w-8 h-8 rounded-full bg-[#2563EB] text-white flex items-center justify-center font-bold shadow-sm transition-transform group-hover:scale-110">4</span><p class="text-body font-medium pt-1 leading-snug">Click Download PNG to save the finished mockup.</p></li></ul></div><div class="relative"><div class="absolute inset-0 bg-[#2563EB]/5 rounded-3xl -rotate-2"></div><div class="relative overflow-hidden rounded-2xl shadow-xl border border-slate-200 bg-white cursor-zoom-in group aspect-[3/4] min-h-[400px] md:min-h-[500px]"><img src="/assets/reddit-post-generator-preview.jpg" alt="Reddit Post Generator Preview" loading="eager" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105"><div class="absolute inset-0 bg-black/5 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"><span class="bg-white/90 px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-widest shadow-sm">Click to Expand</span></div></div></div></div></div></section><section class="py-12 md:py-24 bg-[#f1f2fb]"><div class="container-wide"><div class="text-center mb-8 md:mb-16"><h2 class="text-heading text-2xl md:text-5xl font-extrabold tracking-tight mb-2 md:mb-4">Quick Demo</h2><p class="text-body text-base md:text-xl max-w-2xl mx-auto px-4">A short walkthrough of building a fake Reddit post.</p></div><div class="relative mx-auto max-w-5xl group px-2 md:px-0"><div class="absolute -inset-1 md:-inset-4 bg-gradient-to-r from-blue-600 via-indigo-500 to-blue-600 rounded-[1.5rem] md:rounded-[3rem] blur-xl md:blur-2xl opacity-40 group-hover:opacity-100 transition duration-700"></div>
34<div class="relative bg-white p-2 md:p-4 rounded-[1.5rem] md:rounded-[2.5rem] shadow-2xl border border-blue-100/50"><div class="relative rounded-[1rem] md:rounded-[2rem] overflow-hidden bg-slate-200 aspect-video"><iframe src="https://www.youtube.com/embed/CGa3eXV7gc0?modestbranding=1&rel=0" title="Quick demo of the Reddit Post maker" class="absolute inset-0 w-full h-full border-0" allowfullscreen=""></iframe><div class="absolute inset-0 pointer-events-none bg-gradient-to-tr from-white/10 via-transparent to-transparent opacity-30"></div></div></div><div class="absolute -bottom-4 left-1/2 -translate-x-1/2 px-4 py-1 md:px-5 md:py-1.5 bg-white border-2 border-blue-500 rounded-full shadow-xl z-10"><span class="text-[#2563EB] text-[10px] md:text-xs font-black uppercase tracking-[0.1em] md:tracking-[0.2em] whitespace-nowrap">Usage Preview</span></div></div></div></section><section class="py-14 border-b border-slate-200 bg-[#F8FAFC]"><div class="container-wide px-4"><div class="text-center mb-16"><h2 class="text-heading text-4xl font-bold mb-4 tracking-tight text-slate-900">How To Tell If A Reddit Post Or Screenshot Is Fake?</h2><p class="text-body text-lg max-w-2xl mx-auto text-slate-600">Things worth checking before trusting a screenshot.</p></div><div class="grid gap-4 sm:gap-5 grid-cols-1 md:grid-cols-2"><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300"><div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-big-up"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"></path></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Check Vote Ratios</h4><p class="text-slate-500 text-[11px] leading-snug">Genuine viral posts rarely show a wildly mismatched vote and comment count.</p></div></div><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300"><div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Look For The URL</h4><p class="text-slate-500 text-[11px] leading-snug">A real screenshot usually shows a reddit.com browser address bar or the official app frame.</p></div></div><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300"><div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Search The Username</h4><p class="text-slate-500 text-[11px] leading-snug">Searching the exact username directly on Reddit quickly shows whether that account actually exists.</p></div></div><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300">
34<div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-type"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" x2="15" y1="20" y2="20"></line><line x1="12" x2="12" y1="4" y2="20"></line></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Check Font Spacing</h4><p class="text-slate-500 text-[11px] leading-snug">Redditâs real layout keeps spacing and fonts consistent; hand-edited fakes often show slightly off alignment.</p></div></div><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300"><div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Search The Exact Title</h4><p class="text-slate-500 text-[11px] leading-snug">Pasting the exact post title into a search engine usually surfaces the original thread.</p></div></div><div class="group flex items-center gap-5 p-5 bg-white rounded-2xl border border-slate-200 hover:border-[#2563EB] hover:shadow-xl hover:shadow-blue-50 transition-all duration-300"><div class="flex-shrink-0 w-14 h-14 rounded-xl bg-blue-50/50 backdrop-blur-sm text-[#2563EB] flex items-center justify-center group-hover:bg-white/40 group-hover:ring-1 group-hover:ring-white/50 group-hover:shadow-xl transition-all duration-300"><div class="scale-[1.35]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></div></div><div class="flex flex-col"><h4 class="text-heading text-base font-bold text-slate-800 group-hover:text-[#2563EB] transition-colors leading-tight mb-1">Watch For Reused Mockups</h4><p class="text-slate-500 text-[11px] leading-snug">The same fake template sometimes resurfaces with new text, catchable with a reverse image search.</p></div></div></div></div></section><section class="py-14 border-b border-slate-200 bg-[#f1f2fb]"><div class="container-wide px-4"><div class="text-center mb-16"><h2 class="text-heading text-4xl font-bold mb-4 tracking-tight text-slate-900">Cool Features Of This Reddit Post Generator</h2><p class="text-body text-lg max-w-2xl mx-auto text-slate-600">Explore the customization options available for creating Reddit-style posts.</p></div><div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3"><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-template"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Matches Real Reddit</h4><p class="text-body leading-relaxed text-slate-600">Community header, flair, vote pill and comment layout follow Redditâs current card design closely.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Multiple Images</h4><p class="text-body leading-relaxed text-slate-600">Add up to 6 images at once, arranged the way Redditâs own gallery collapses.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Threaded Comments</h4><p class="text-body leading-relaxed text-slate-600">Add commenters with replies and mark any one as the original poster with a badge.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Phone Frame Export</h4><p class="text-body leading-relaxed text-slate-600">Wrap the finished post in an iPhone or Android frame with an editable status bar.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Colored Auto Avatars</h4><p class="text-body leading-relaxed text-slate-600">Every commenter gets an automatic colored avatar from their name, or a real photo instead.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye">
34<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Live Instant Preview</h4><p class="text-body leading-relaxed text-slate-600">The card updates on every keystroke, so the preview always matches the final download exactly.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Fixed-Size Export</h4><p class="text-body leading-relaxed text-slate-600">The downloaded image comes out the same size every time, regardless of the device used.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tag"><path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Custom Flair And Icon</h4><p class="text-body leading-relaxed text-slate-600">Add an optional flair label and a custom community icon next to the subreddit name.</p></div></div><div class="transition-all duration-300 bg-white p-10 rounded-3xl shadow-sm border border-slate-200/50 hover:shadow-md"><div class="flex flex-col items-start text-left"><div class="flex items-center justify-center transition-transform duration-300 w-14 h-14 bg-blue-50 rounded-2xl mb-8 text-[#2563EB]"><div class="scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-xl">Dark Mode Toggle</h4><p class="text-body leading-relaxed text-slate-600">Switch the whole post card to Redditâs dark theme before exporting, not just the phone frame.</p></div></div></div></div></section><section class="py-14 border-b border-slate-200 bg-white"><div class="container-wide px-4"><div class="text-center mb-16"><h2 class="text-heading text-4xl font-bold mb-4 tracking-tight text-slate-900">Why Use Our Tool?</h2><p class="text-body text-lg max-w-2xl mx-auto text-slate-600">A faster, simpler way to build a convincing mockup.</p></div><div class="grid gap-8 md:grid-cols-2 lg:grid-cols-4"><div class="transition-all duration-300 card-base p-6 rounded-xl border border-blue-100 bg-gradient-to-br from-blue-50 to-white hover:shadow-md hover:scale-[1.02]"><div class="flex flex-col items-center text-center"><div class="flex items-center justify-center transition-transform duration-300 mb-5 group-hover:scale-125 text-slate-700"><div class="scale-125"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-sm">Faster Than Manual Editing</h4><p class="text-body leading-relaxed text-xs">Build a convincing post card from a form instead of manually retouching a real screenshot.</p></div></div><div class="transition-all duration-300 card-base p-6 rounded-xl border border-blue-100 bg-gradient-to-br from-blue-50 to-white hover:shadow-md hover:scale-[1.02]"><div class="flex flex-col items-center text-center"><div class="flex items-center justify-center transition-transform duration-300 mb-5 group-hover:scale-125 text-slate-700"><div class="scale-125"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-sm">No Design Skills Needed</h4><p class="text-body leading-relaxed text-xs">Layout, spacing and colors are handled automatically, with nothing to align or format by hand.</p></div></div><div class="transition-all duration-300 card-base p-6 rounded-xl border border-blue-100 bg-gradient-to-br from-blue-50 to-white hover:shadow-md hover:scale-[1.02]"><div class="flex flex-col items-center text-center"><div class="flex items-center justify-center transition-transform duration-300 mb-5 group-hover:scale-125 text-slate-700"><div class="scale-125"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path><path d="m15 5 4 4"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-sm">Every Detail Stays Editable</h4><p class="text-body leading-relaxed text-xs">Vote counts, comments, timestamps and awards stay fully editable, never locked to a template.</p></div></div><div class="transition-all duration-300 card-base p-6 rounded-xl border border-blue-100 bg-gradient-to-br from-blue-50 to-white hover:shadow-md hover:scale-[1.02]"><div class="flex flex-col items-center text-center"><div class="flex items-center justify-center transition-transform duration-300 mb-5 group-hover:scale-125 text-slate-700"><div class="scale-125"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div><h4 class="text-heading font-bold mb-4 text-sm">Nothing To Install</h4><p class="text-body leading-relaxed text-xs">Runs as a normal web page in any modern browser, no extra software needed.</p></div></div></div></div></section><section class="py-16"><div class="container-narrow"><div class="p-8 bg-amber-50 rounded-2xl border border-amber-200"><h3 class="text-heading font-bold mb-4">Usage Policy</h3><div class="text-subheading text-sm space-y-3 leading-relaxed"><p>TryWebKits is not responsible for any images generated by users. By using this tool, you agree to:</p><ol class="list-decimal list-inside space-y-2"><li>Never use generated posts to harass, defame, threaten, or impersonate a real person or account.</li><li>Never present a generated post as a genuine Reddit screenshot to spread misinformation.</li><li>Make clear to viewers that the image is a mockup, not a real Reddit post.</li></ol></div></div></div></section><section class="py-12"><div class="container-narrow"><div class="w-full"><h2 class="text-2xl md:text-3xl font-bold text-heading mb-8 text-center">Frequently Asked Questions</h2><div class="max-w-3xl mx-auto"><div class="faq-item"><button class="faq-trigger" aria-expanded="true"><span class="pr-4 text-left">Is this tool free to use?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200 rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-96 pb-4"><p class="text-body text-sm leading-relaxed">This Reddit Post Generator is free, with no watermark and no sign-up required.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Is any data uploaded anywhere?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">No. The whole preview renders and exports to an image inside the browser; nothing typed or uploaded reaches a server.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Does this work on a phone or tablet?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">Yes, the editor and preview both adjust to fit a small screen.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Can I upload a custom avatar?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">Yes. Click the small photo icon next to any comment or reply to upload an image, replacing the automatic colored avatar.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Can I use generated Reddit post images for mockups and memes?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">Yes, for jokes, mockups and illustration. Presenting it as a real screenshot, or using it to harass or impersonate someone, is not allowed.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Can images be removed after adding them?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">Each added image shows a trash icon in the editor, so any of them can be removed before downloading.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Is there a limit on comments and replies?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">Yes, up to 8 top-level comments and 4 replies per comment can be added at once.</p></div></div><div class="faq-item"><button class="faq-trigger" aria-expanded="false"><span class="pr-4 text-left">Does the post save automatically while editing?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 flex-shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button><div class="overflow-hidden transition-all duration-200 max-h-0"><p class="text-body text-sm leading-relaxed">No. Nothing is saved automatically, so refreshing or closing the tab clears the current post. Download before leaving the page.</p></div></div></div></div></div></section><section class="py-12 bg-white overflow-hidden"><div class="container-narrow px-4"><div class="flex flex-col md:flex-row md:items-center justify-between mb-8 gap-6 border-b border-slate-100 pb-6"><div><h2 class="text-heading text-3xl md:text-4xl font-black tracking-tight mb-3">You May Also Like</h2><div class="h-1.5 w-16 bg-[#2563EB] rounded-full"></div></div><div class="flex items-center gap-2.5 bg-blue-50 border border-blue-100 px-4 py-2 rounded-2xl self-start md:self-center"><div class="relative flex h-2.5 w-2.5"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-blue-600"></span></div><span class="text-[#2563EB] text-[11px] font-extrabold uppercase tracking-widest">Smart Picks</span></div></div><div class="flex flex-wrap justify-center gap-6 md:gap-8"><a class="group relative flex flex-col items-center justify-center 35 w-full sm:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1.35rem)] 36 aspect-square bg-white rounded-[2.5rem] p-8 md:p-10 37 border border-slate-200 shadow-sm 38 hover:border-[#2563EB] hover:shadow-2xl hover:shadow-blue-200/40 39 transition-all duration-500 ease-out overflow-hidden" href="/tool/fake-tweet-generator"><div class="absolute top-8 left-8 z-20"><div class="w-2 h-2 rounded-full bg-blue-500/20 group-hover:bg-blue-600 transition-colors duration-300"></div></div><div class="absolute top-7 right-7 z-20"><div class="bg-blue-50 text-[#2563EB] p-2.5 rounded-xl border border-blue-100/50"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
39ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles fill-blue-500"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div></div><div class="mb-6 relative z-10 flex-shrink-0"><div class="absolute inset-0 bg-blue-500/10 blur-[40px] rounded-full scale-150 opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><img src="/assets/icons/fake-tweet-generator.svg" alt="Fake Tweet Generator" loading="lazy" width="96" height="96" class="relative w-20 h-20 md:w-24 md:h-24 object-contain transition-transform duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-110"></div><div class="text-center z-10 flex flex-col items-center w-full"><h3 class="text-heading text-xl md:text-2xl font-bold group-hover:text-[#2563EB] transition-colors mb-2">Fake Tweet Generator</h3><p class="text-body text-xs md:text-sm font-medium text-slate-500 line-clamp-2 px-2 transition-opacity duration-300 group-hover:opacity-80">Create realistic fake tweets instantly for pranks or memes.</p><div class="h-0 group-hover:h-8 group-hover:mt-4 opacity-0 group-hover:opacity-100 transition-all duration-300 ease-out flex items-center gap-2 text-[#2563EB] font-bold text-[11px] uppercase tracking-[0.15em] overflow-hidden">Try Tool <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a class="group relative flex flex-col items-center justify-center 40 w-full sm:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1.35rem)] 41 aspect-square bg-white rounded-[2.5rem] p-8 md:p-10 42 border border-slate-200 shadow-sm 43 hover:border-[#2563EB] hover:shadow-2xl hover:shadow-blue-200/40 44 transition-all duration-500 ease-out overflow-hidden" href="/tool/fake-threads-post-generator"><div class="absolute top-8 left-8 z-20"><div class="w-2 h-2 rounded-full bg-blue-500/20 group-hover:bg-blue-600 transition-colors duration-300"></div></div><div class="absolute top-7 right-7 z-20"><div class="bg-blue-50 text-[#2563EB] p-2.5 rounded-xl border border-blue-100/50"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles fill-blue-500"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div></div><div class="mb-6 relative z-10 flex-shrink-0"><div class="absolute inset-0 bg-blue-500/10 blur-[40px] rounded-full scale-150 opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><img src="/assets/icons/fake-threads-post-generator.svg" alt="Fake Threads Post Generator" loading="lazy" width="96" height="96" class="relative w-20 h-20 md:w-24 md:h-24 object-contain transition-transform duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-110"></div><div class="text-center z-10 flex flex-col items-center w-full"><h3 class="text-heading text-xl md:text-2xl font-bold group-hover:text-[#2563EB] transition-colors mb-2">Fake Threads Post Generator</h3><p class="text-body text-xs md:text-sm font-medium text-slate-500 line-clamp-2 px-2 transition-opacity duration-300 group-hover:opacity-80">Create realistic, customizable Threads posts for pranks, marketing, or creative mockups.</p><div class="h-0 group-hover:h-8 group-hover:mt-4 opacity-0 group-hover:opacity-100 transition-all duration-300 ease-out flex items-center gap-2 text-[#2563EB] font-bold text-[11px] uppercase tracking-[0.15em] overflow-hidden">Try Tool <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a><a class="group relative flex flex-col items-center justify-center 45 w-full sm:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1.35rem)] 46 aspect-square bg-white rounded-[2.5rem] p-8 md:p-10 47 border border-slate-200 shadow-sm 48 hover:border-[#2563EB] hover:shadow-2xl hover:shadow-blue-200/40 49 transition-all duration-500 ease-out overflow-hidden" href="/tool/linkedin-post-generator"><div class="absolute top-8 left-8 z-20"><div class="w-2 h-2 rounded-full bg-blue-500/20 group-hover:bg-blue-600 transition-colors duration-300"></div></div><div class="absolute top-7 right-7 z-20"><div class="bg-blue-50 text-[#2563EB] p-2.5 rounded-xl border border-blue-100/50"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
49ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles fill-blue-500"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div></div><div class="mb-6 relative z-10 flex-shrink-0"><div class="absolute inset-0 bg-blue-500/10 blur-[40px] rounded-full scale-150 opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><img src="/assets/icons/linkedin-post-generator.svg" alt="LinkedIn Post Generator" loading="lazy" width="96" height="96" class="relative w-20 h-20 md:w-24 md:h-24 object-contain transition-transform duration-500 ease-[cubic-bezier(0.34,1.56,0.64,1)] group-hover:scale-110"></div><div class="text-center z-10 flex flex-col items-center w-full"><h3 class="text-heading text-xl md:text-2xl font-bold group-hover:text-[#2563EB] transition-colors mb-2">LinkedIn Post Generator</h3><p class="text-body text-xs md:text-sm font-medium text-slate-500 line-clamp-2 px-2 transition-opacity duration-300 group-hover:opacity-80">Create a realistic LinkedIn post mockup and download it as an image.</p><div class="h-0 group-hover:h-8 group-hover:mt-4 opacity-0 group-hover:opacity-100 transition-all duration-300 ease-out flex items-center gap-2 text-[#2563EB] font-bold text-[11px] uppercase tracking-[0.15em] overflow-hidden">Try Tool <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></a></div></div></section></div></main><section class="w-full"><div class="py-20 bg-[#f1f2fb] border-t border-slate-200/50 group/slider"><div class="max-w-7xl mx-auto px-6 mb-12 flex flex-col md:flex-row md:items-end justify-between gap-4"><div><h2 class="text-3xl md:text-4xl font-bold text-[#26274b] tracking-tight">Popular in Social Media & Lifestyle</h2><div class="h-1.5 w-12 bg-indigo-600 rounded-full mt-4"></div></div><a class="inline-flex items-center gap-2 text-sm font-bold text-indigo-600 hover:text-indigo-800 group/link transition-all" href="/category/social">See more tools <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover/link:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="relative max-w-7xl mx-auto px-4 md:px-6"><button class="absolute -left-2 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white/80 backdrop-blur-md shadow-xl rounded-full border border-white flex items-center justify-center opacity-0 group-hover/slider:opacity-100 transition-all active:scale-95 hidden md:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-7 h-7 text-[#26274b]"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex overflow-x-auto gap-8 px-2 pb-10 scrollbar-hide snap-x snap-mandatory md:snap-none cursor-grab active:cursor-grabbing" style="scroll-behavior: smooth;"><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/facebook-post-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Facebook Post Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Create realistic fake posts with reactions, comments, photo grids, and colored text backgrounds.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/glitch-text-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Glitch Text Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Turn normal text into creepy glitch (Zalgo) text you can copy and paste anywhere.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/fake-youtube-video-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Fake YouTube Video Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Create realistic YouTube watch page mockups with player, comments, & suggested videos in phone or desktop view.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/youtube-community-post-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">YouTube Community Post Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Create realistic YouTube community post mockups with polls, images, like
49s, comments & dark mode.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/instagram-story-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Instagram Story Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Create a realistic Instagram story mockup from the viewer or owner side and export as an image.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/instagram-post-generator"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Instagram Post Generator</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Create a realistic Instagram post, reel, or carousel mockup and export it as an image.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><div class="flex-none w-20"></div></div><button class="absolute -right-2 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white/80 backdrop-blur-md shadow-xl rounded-full border border-white flex items-center justify-center opacity-0 group-hover/slider:opacity-100 transition-all active:scale-95 hidden md:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-7 h-7 text-[#26274b]"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="py-20 bg-[#f1f2fb] border-t border-slate-200/50 group/slider"><div class="max-w-7xl mx-auto px-6 mb-12 flex flex-col md:flex-row md:items-end justify-between gap-4"><div><h2 class="text-3xl md:text-4xl font-bold text-[#26274b] tracking-tight">Recently Launched Tools</h2><div class="h-1.5 w-12 bg-indigo-600 rounded-full mt-4"></div></div></div><div class="relative max-w-7xl mx-auto px-4 md:px-6"><button class="absolute -left-2 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white/80 backdrop-blur-md shadow-xl rounded-full border border-white flex items-center justify-center opacity-0 group-hover/slider:opacity-100 transition-all active:scale-95 hidden md:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-7 h-7 text-[#26274b]"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex overflow-x-auto gap-8 px-2 pb-10 scrollbar-hide snap-x snap-mandatory md:snap-none cursor-grab active:cursor-grabbing" style="scroll-behavior: smooth;"><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/vimeo-thumbnail-grabber"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Vimeo Thumbnail Grabber</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Grab and download the thumbnail image from any public Vimeo video in Large, Medium, or Small size.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/eml-to-pdf"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">EML to PDF</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Convert EML email files to PDF with original formatting, headers, inline images & clickable links.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/ip-address-lookup"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">IP Address Lookup</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Find the location, ISP, ASN, and timezone of any IPv4 or IPv6 address instantly.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/base64-encoder-decoder"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Base64 Encoder Decoder</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Encode text and files to Base64, or decode any Base64 back, with URL-safe mode, data URIs, and no size limit.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/bulk-domain-to-ip"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Bulk Domain to IP Converter</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Resolve up to 50 domains to IP addresses, view country, ASN, and ISP details, then export results as CSV.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><a class="flex-none w-[280px] md:w-[350px] snap-start" href="/tool/domain-to-ip"><div class="bg-white p-8 rounded-[3rem] shadow-[0_10px_40px_-10px_rgba(0,0,0,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(38,39,75,0.15)] hover:-translate-y-2 transition-all duration-500 h-full flex flex-col items-center text-center border border-transparent hover:border-white"><div class="w-20 h-20 rounded-[2rem] bg-slate-50 flex items-center justify-center mb-8 group-hover:bg-indigo-50 transition-colors shadow-inner"><img src="/assets/icons/default-tool.png" alt="Tool Image" class="w-10 h-10 object-contain"></div><h3 class="text-xl font-bold text-[#26274b] mb-3">Domain to IP Converter</h3><p class="text-sm text-slate-500 line-clamp-2 leading-relaxed mb-8">Resolve any domain to IPv4 and IPv6 addresses, view DNS records, and explore per-IP network details.</p><div class="inline-flex items-center px-2 py-0.5 mb-2 bg-emerald-50 text-emerald-600 text-[9px] font-black uppercase rounded-md border border-emerald-100 tracking-[0.1em]">New Arrival</div></div></a><div class="flex-none w-20"></div></div><button class="absolute -right-2 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white/80 backdrop-blur-md shadow-xl rounded-full border border-white flex items-center justify-center opacity-0 group-hover/slider:opacity-100 transition-all active:scale-95 hidden md:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-7 h-7 text-[#26274b]"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></section><footer class="bg-card border-t border-border"><div class="container-wide py-12 md:py-16"><div class="grid grid-cols-2 md:grid-cols-4 gap-8"><div class="col-span-2 md:col-span-1"><a href="/"><img src="/assets/trywebkits-logo.png" alt="TryWebKits" fetchpriority="high" class="h-12 md:h-14 w-auto object-contain"></a><p class="text-body text-sm leading-relaxed">Multiple free online tools for developers, designers, and creators. Work smarter, not harder.</p></div><div><h4 class="text-heading font-semibold text-sm mb-4">Categories</h4><ul class="space-y-2"><li><a class="text-body text-sm hover:text-heading transition-colors" href="/category/productivity">Productivity & Development</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/category/design">Design & Creativity</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/category/social">Social Media & Lifestyle</a></li></ul></div><div><h4 class="text-heading font-semibold text-sm mb-4">Resources</h4><ul class="space-y-2"><li><a class="text-body text-sm hover:text-heading transition-colors" href="/about">About Us</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/changelog">Changelog</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/contact">Support Desk</a></li></ul></div><div><h4 class="text-heading font-semibold text-sm mb-4">Legal</h4><ul class="space-y-2"><li><a class="text-body text-sm hover:text-heading transition-colors" href="/terms-of-use">Terms of Use</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/privacy-policy">Privacy Policy</a></li><li><a class="text-body text-sm hover:text-heading transition-colors" href="/cookie-policy">Cookie Policy</a></li></ul></div></div><div class="border-t border-border mt-10 pt-6 flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-body text-sm">© 2026 TryWebKits. All rights reserved.</p><div class="flex items-center gap-4"><a href="https://x.com/trywebkits" target="_blank" rel="noopener" class="text-body hover:text-heading transition-colors" aria-label="X (Twitter)"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
49<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://github.com/aastikgakhar" target="_blank" rel="noopener" class="text-body hover:text-heading transition-colors" aria-label="GitHub" title="Creator Of TryWebKits"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg></a><a href="https://www.youtube.com/@trywebkits" target="_blank" rel="noopener" class="text-body hover:text-heading transition-colors" aria-label="YouTube"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.facebook.com/trywebkits" target="_blank" rel="noopener" class="text-body hover:text-heading transition-colors" aria-label="Facebook"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a><a href="https://www.linkedin.com/company/trywebkits/" target="_blank" rel="noopener" class="text-body hover:text-heading transition-colors" aria-label="LinkedIn"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a></div></div></div></footer><div class="fixed bottom-8 right-0 left-0 md:left-auto md:right-8 z-[1000] px-4 md:px-0 animate-in fade-in slide-in-from-bottom-10 duration-700"><div class="bg-white/95 backdrop-blur-xl border border-slate-200 shadow-[0_30px_100px_rgba(0,0,0,0.15)] rounded-[2.5rem] p-8 md:w-[420px] relative overflow-hidden"><div class="absolute top-0 right-0 w-32 h-32 bg-blue-50 rounded-full -mr-16 -mt-16 -z-10"></div><button class="absolute top-5 right-5 text-slate-400 hover:text-slate-600 transition-colors p-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-5 h-5"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button><div class="flex items-start gap-5 mb-8"><div class="bg-blue-600 p-3.5 rounded-2xl shadow-lg shadow-blue-500/30 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-6 h-6 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div class="pr-6"><h4 class="text-xl font-bold text-slate-900 tracking-tight leading-tight">Privacy Settings</h4><p class="text-[13px] text-slate-500 leading-relaxed mt-2">We use cookies to optimize your experience on TryWebKits. Your data remains secure and private. Read our <a class="text-blue-600 hover:underline font-semibold" href="/cookie-policy">Cookie Policy</a>.</p></div></div><div class="flex flex-col gap-3"><div class="flex gap-3"><button class="flex-1 px-6 py-4 text-xs font-bold text-slate-600 bg-slate-100 hover:bg-slate-200 rounded-2xl transition-all">Essential Only</button><button class="flex-1 px-6 py-4 text-xs font-bold text-white bg-slate-900 hover:bg-slate-800 rounded-2xl shadow-xl shadow-slate-200 transition-all active:scale-95">Accept All</button></div><button class="text-[11px] text-slate-400 hover:text-slate-600 text-center font-semibold mt-2 transition-colors">Maybe later</button></div></div></div></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed bottom-0 right-0 z-[100] flex max-h-screen w-full flex-col p-4 sm:bottom-6 sm:right-6 md:max-w-[420px] gap-3"></ol></div></div> 50 51 52
53<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js" async=""></script>
53<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js" async=""></script>
53</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.