🎨 LogoMock

Your Ultimate Logo Mockup Generator

View Live App • Features • Tech Stack • Getting Started

---

🚀 What is LogoMock?

LogoMock is an interactive web application that bridges the gap between imagination and reality. LogoMock allows you to effortlessly customize logos and instantly visualize them mapped onto beautiful product mockups—all in real-time.

Say goodbye to complex design software; just drop your logo and see it come to life on merchandise!

✨ Features

• 👕 Real-time Mockups: Instantly preview your logos on various product mockups (t-shirts, mugs, etc.).
• ⚡ Lightning Fast: Built with Vite for rapid development and optimized production builds.
• 🎭 Smooth Animations: Enhanced with Framer Motion for a fluid, delightful user experience.
• 🎨 Beautiful UI: Styled with Tailwind CSS v4 and Lucide React icons.

🛠️ Tech Stack

• Frontend Framework: React 19 + Vite
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

🏎️ Getting Started

Want to run LogoMock locally? Follow these simple steps:

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Clone the repository (if you haven't already):

   git clone https://github.com/Mintsolester/LogoMock.git
   cd LogoMock

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and visit http://localhost:3000 to see your app in action!

🌐 Deployment

This app is optimized for seamless deployment. We recommend deploying on Vercel for the best experience. The production URL is currently live at logomock.vercel.app.

---

Built with ❤️