lilPreview - Social Media Preview Tool

A free tool that builds a pixel-faithful preview of a LinkedIn or X post or profile, then exports it as a PNG. Built by lilAgents.

Beats the typical single-platform preview tools: it covers both platforms, posts and profiles, light and dark mode, desktop and mobile widths, and one-click PNG export so you can drop a mockup straight into a deck or a client email.

Features

• LinkedIn and X, posts and profiles (four preview modes)
• Full control: name, headline or handle, avatar, verified badge, post text, images, timestamp, engagement counts
• Profiles: avatar, banner, bio, location, connection and follower counts
• Light and dark themes, desktop and mobile frames
• One-click PNG export at 2x resolution
• No accounts, no upload to a server. Everything runs in the browser.

Develop

pnpm install
pnpm dev      # http://localhost:4321

Build

pnpm build    # outputs static site to dist/
pnpm preview  # serve the production build locally

Deploy to Netlify

The netlify.toml is preconfigured. Either:

1. Push this repo to GitHub and "Add new site → Import" in Netlify, or
2. Run netlify deploy --build --prod with the Netlify CLI.

Build command pnpm build, publish directory dist. No adapter or environment variables required.

Tech

• Astro static output
• html-to-image for PNG export
• Netlify Image CDN serves the default avatar and cover with on-the-fly resize and modern formats
• Hand-built CSS that mirrors the current LinkedIn and X chrome, no framework

Notes

• The default avatar and cover are neutral Unsplash placeholders (avatar by Craig Tidball, cover by MagicPattern), and the default profile is a generic sample persona. Users replace all of it by editing fields or uploading their own images.
• Platform UIs change over time. The chrome here matches the 2026 designs and is easy to tweak in src/styles/app.css and src/scripts/tool.js.