MockupStudio

Create stunning mockups from your screenshots instantly with MockupStudio.

✨ Features

• Instant Mockups: Turn any screenshot into a beautiful, presentation-ready device mockup.
• Beautiful Presets: Apply modern, sleek background aesthetics with a single click.
• Export Options: Export your finalized mockups as high-quality images ready to be shared.
• Built for Speed: Fully client-side application running seamlessly in your browser.

🚀 Tech Stack

• React 19 - UI Library
• Tailwind CSS - Styling
• Vite - Build Tool
• html-to-image - Exporting elements to image
• Lucide React - Icons

💻 Getting Started

Prerequisites

• Node.js installed

Installation

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open your browser and navigate to http://localhost:5173 (or the port specified by Vite).

Building for Production

To create a production build, run:

npm run build

You can preview the built files using:

npm run preview

📄 License

This project is created for personal use and portfolio building.