BackDrop - Text Behind Image

Results

Before	After

🔗 Live Demo

You can check out the live demo of BackDrop here:
Live Demo

Overview

BackDrop is a web-based project that allows you to create visually appealing text effects by placing text behind an image. This can enhance your website's aesthetics and provide a unique user experience. The project utilizes HTML, CSS, and JavaScript to manipulate text and images seamlessly.

📦 Features

• Upload and edit images (supports PNG, JPG, JPEG, WEBP, GIF, BMP).
• AI-based background removal using remove.bg API.
• Add customizable text behind the image.
• Control text properties: font, size, color, opacity, rotation, and more.
• Add text shadows and gradients.
• Real-time canvas updates.

🚀 Tech Stack

• Flask: Backend server for image processing.
• remove.bg: API for background removal.
• Tailwind CSS: For responsive and modern UI styling.
• Vercel: Hosting and deployment.

Screenshots

Installation

To get started with the BackDrop project, follow these steps:

1. Clone the repository:

   git clone https://github.com/vinyashegde/backdrop-text-behind-image.git
   cd backdrop-text-behind-image