Free, open-source social media mockup generator and brand name preview tool.
Preview how your brand looks across Instagram, TikTok, X/Twitter, YouTube, Threads, and LinkedIn — all in one page.
Live Demo | Report Bug | Request Feature
BrandPreview is a free, single-page web tool that generates realistic social media profile mockups for your brand. Whether you are launching a new startup, renaming a company, or brainstorming side-project ideas, BrandPreview lets you instantly visualize how your brand name, username, bio, and logo will appear across six major social media platforms.
It also includes a built-in username availability checker so you can verify whether your desired handle is already taken — before you commit to a name.
No sign-up. No backend. No dependencies. Just open the page and start previewing.
- Realistic Social Media Profile Mockups — Pixel-accurate profile previews for Instagram, TikTok, X (Twitter), YouTube, Threads, and LinkedIn.
- Username Availability Checker — Automatically checks GitHub username availability via the GitHub API. For other platforms (Instagram, TikTok, X, YouTube, Threads, LinkedIn, Pinterest), one-click links open the profile URL so you can manually verify and mark the result.
- Logo Upload — Upload a PNG or JPG logo and see it applied as the profile picture across every platform mockup instantly.
- Random Follower & Engagement Stats — Each preview generates random but realistic follower counts, post counts, and engagement numbers. Hit "Shuffle" to regenerate them.
- Toggle Platforms On/Off — Show or hide individual platform previews with toggle chips. Focus only on the platforms that matter to you.
- Verified Badge Toggle — Enable or disable the verified/blue checkmark badge across all platform mockups with a single click.
- Live Preview — All mockups update in real time as you type your brand name, username, bio, category, and website.
- Fully Responsive — Works on desktop, tablet, and mobile screens.
- Zero Dependencies — The entire tool is a single HTML file. No frameworks, no build tools, no npm packages.
- Dark Mode UI — A carefully designed dark interface with warm tones that keeps the focus on your brand previews.
See the screenshot at the top of this page.
Try BrandPreview right now — no installation required:
https://devsemih.github.io/brand-preview
- Visit devsemih.github.io/brand-preview.
- Enter your brand name — the username field auto-populates.
- Fill in your bio, category, and website.
- Optionally upload a logo (PNG/JPG) to use as the profile picture.
- Toggle the verified badge and individual platforms on or off.
- Scroll down to see realistic mockups for each platform.
- Use the username availability checker to verify if your handle is free on GitHub and other platforms.
Since BrandPreview is a single HTML file with zero dependencies, you can run it locally:
git clone https://github.com/devsemih/brand-preview.git
cd brand-preview
open index.htmlOr simply download index.html and open it in any modern browser. That is it — no server, no build step.
| Platform | Mockup | Auto-Check |
|---|---|---|
| Yes | Manual | |
| TikTok | Yes | Manual |
| X / Twitter | Yes | Manual |
| YouTube | Yes | Manual |
| Threads | Yes | Manual |
| Yes | Manual | |
| GitHub | — | Automatic (API) |
| — | Manual |
| Layer | Technology |
|---|---|
| Markup & Logic | Single HTML file (HTML + CSS + vanilla JavaScript) |
| Fonts | Outfit + JetBrains Mono via Google Fonts |
| API | GitHub REST API (for username availability check) |
| Hosting | GitHub Pages |
| Dependencies | None |
BrandPreview is intentionally built as a single self-contained HTML file with no external JavaScript libraries, no CSS frameworks, and no build tools. This keeps it fast, portable, and easy to fork or modify.
- Startup founders — Preview your brand identity across social platforms before launch.
- Freelancers & agencies — Present social media branding concepts to clients with realistic mockups.
- Social media managers — Quickly visualize how a rebrand or new account will look.
- Side-project builders — Check username availability across platforms in one place.
- Content creators — See how your personal brand appears on every major platform.
Contributions, issues, and feature requests are welcome! Here is how you can help:
- Fork the repository.
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m "Add amazing feature" - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request.
- Add more platform mockups (Snapchat, Facebook, Bluesky, Mastodon, etc.)
- Add screenshot/export functionality (download mockups as images)
- Improve username availability auto-checking for more platforms
- Add light mode theme toggle
- Localization / i18n support for additional languages
- Accessibility improvements
This project is licensed under the MIT License — see the LICENSE file for details.
You are free to use, modify, and distribute this tool for personal and commercial purposes.
- Profile mockup designs inspired by the official Instagram, TikTok, X, YouTube, Threads, and LinkedIn mobile apps.
- Built with vanilla HTML, CSS, and JavaScript — no frameworks needed.
