CreateFakeChat is a highly polished, responsive web application designed for generating realistic fake chat screenshots for platforms like WhatsApp, Instagram, and Telegram. With dynamic styling and seamless image export functionality, it's the perfect tool for creating memes, mockups, content marketing pieces, and more!
- Multi-Platform Support: Accurately replicate UI elements from WhatsApp, Instagram, and Telegram.
- Pixel-Perfect Image Export: Utilize
html2canvasfor precise, responsive container captures, generating pristine.pngfiles suitable for professional use. - Dynamic Theming: Seamlessly toggle between fully styled Dark and Light modes on the fly.
- Live Preview: See real-time updates of messages and styling metadata.
- SEO & Performance Optimized: Extremely fast lightweight package bundled with Vite.
To run this project locally on your machine, follow these steps:
Ensure you have Node.js installed on your machine.
-
Clone the repository:
git clone https://github.com/NawzBlaze/CreateFakeChat.git
-
Navigate to the project directory:
cd CreateFakeChat -
Install the dependencies:
npm install
Start the Vite development server:
npm run devYour app should now be running! Open your browser and navigate to http://localhost:5173.
To create an optimized production build:
npm run buildThis will bundle the HTML, CSS, and JS into the dist/ folder.
- HTML/Vite: Fast builds and local serving.
- Tailwind CSS: Modern utility-first CSS integration for stunning layouts.
- JavaScript (ES6+): Responsive DOM manipulation, chat logic, and theming.
- html2canvas: State-of-the-art exact node cloning for rendering the chat previews safely to PNG files.
This application is designed specifically for parody and creative purposes only. We promote responsible usage and warn against misleading use of the generated output. Check the privacy-policy.html and about.html files for detailed user policies.