---
title: noisecanceller
emoji: 🎵
colorFrom: blue
colorTo: purple
sdk: docker
pinned: false
---

<div align="center">
  <div style="background-color: #1877F2; width: 80px; height: 80px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;">
    <span style="color: white; font-size: 40px; font-weight: bold; font-family: sans-serif;">S</span>
  </div>
  
  <h1>Stemify AI</h1>
  <p><strong>The World's Best AI Vocal Extractor & Stem Separation Engine</strong></p>

  <p>
    <a href="https://github.com/Raghuvaranlokati/noisecanceller/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License: MIT"></a>
    <a href="https://nextjs.org/"><img src="https://img.shields.io/badge/Next.js-16-black?logo=next.js" alt="Next.js"></a>
    <a href="https://tailwindcss.com/"><img src="https://img.shields.io/badge/Tailwind_CSS-v4-38B2AC?logo=tailwind-css" alt="Tailwind CSS"></a>
    <a href="https://clerk.com/"><img src="https://img.shields.io/badge/Auth-Clerk-6C47FF?logo=clerk" alt="Clerk"></a>
  </p>
</div>

---

## 🌟 About The Project

Stemify AI is a premium, open-source web application designed to extract high-quality vocals, drums, bass, and instruments from any audio or video file instantly using deep learning. It features a stunning pitch-black and electric blue UI, seamless Clerk authentication, and blazing fast performance powered by Next.js and Turbopack.

### Key Features
- **Industry-Leading Separation:** Isolate vocals and instruments with crystal clarity.
- **Next-Level UI/UX:** A gorgeous dark mode theme featuring fluid animations and glow effects.
- **Secure Authentication:** Built-in sign-in/sign-up flows powered by Clerk.
- **Modern Tech Stack:** Built with Next.js App Router, Tailwind CSS v4, and TypeScript.

---

## 🚀 Getting Started

To get a local copy up and running, follow these simple steps.

### Prerequisites

- Node.js (v18 or higher)
- npm or yarn
- A [Clerk](https://clerk.com/) Account (for Authentication)

### Installation

1. **Clone the repository**
   ```sh
   git clone https://github.com/Raghuvaranlokati/noisecanceller.git
   cd noisecanceller/frontend
   ```

2. **Install dependencies**
   ```sh
   npm install
   ```

3. **Set up environment variables**
   Copy the example environment file and fill in your Clerk API keys:
   ```sh
   cp .env.example .env.local
   ```
   *Note: You can find your Clerk keys in your [Clerk Dashboard](https://dashboard.clerk.com).*

4. **Start the development server**
   ```sh
   npm run dev
   ```

5. **Open the app**
   Navigate to [http://localhost:3000](http://localhost:3000) in your browser.

---

## 🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

Please read our [Contributing Guidelines](CONTRIBUTING.md) and [Code of Conduct](CODE_OF_CONDUCT.md) before submitting a Pull Request.

---

## 📄 License

Distributed under the MIT License. See `LICENSE` for more information.

---

<div align="center">
  <p>Built with ❤️ by Raghuvaran Lokati and the open-source community.</p>
</div>