Brainwave – Modern AI App Design

Welcome to Brainwave – a futuristic and sleek AI app design platform that redefines modern UI/UX standards. Built with cutting-edge design principles, Brainwave showcases the best of interactive user experiences for modern web applications.

Live Site: https://brainwave-eta-azure.vercel.app/

---

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🚀 Quick Start

---

🤖 Introduction

Brainwave is a modern AI app design showcase developed using React.js and Tailwind CSS, engineered to reflect the latest trends in UI/UX and frontend engineering. Featuring smooth scrolling, parallax interactions, gradient-bordered cards, unique circular layouts, and the bento box grid structure, this project delivers a refined and immersive experience across all devices.

Whether you're on desktop, tablet, or mobile, Brainwave offers a fully responsive and aesthetically powerful user journey.

🔥 Included Pages:

• Home
• Features
• How It Works
• Roadmap
• Pricing
• Sign In
• Sign Up

✅ The complete React + Tailwind CSS version is live and fully functional.

---

⚙️ Tech Stack

• Vite – Blazing fast development and optimized production builds
• React.js – Component-driven frontend library
• Tailwind CSS – Utility-first CSS framework for modern design patterns

---

🔋 Features

• ✅ Prebuilt Beautiful Sections Fully designed and customizable pages including hero, features, roadmap, pricing, footer, and more.

• 🌀 Smooth Scrolling & Parallax Effects Mouse-triggered and scroll-based animations that provide a dynamic browsing experience.

• 📐 Complex UI Geometry & Circular Layouts Custom geometric designs with circular content flows and visual highlights for a futuristic feel.

• 🧱 Modern Web Layouts: Bento Box + Neumorphism Uses contemporary trends like bento grids, minimalism, and soft UI for cutting-edge visuals.

• 🎨 Gradient Borders & Highlight Effects Interactive cards and elements styled with vivid Tailwind gradient borders and hover animations.

• 📱 Fully Responsive Design Seamless experience across mobile, tablet, and desktop platforms.

• ♻️ Modular, Clean Architecture Structured with reusable components, ensuring scalability and maintainability.

---

🚀 Quick Start

Set up the Brainwave project locally by following these steps:

✅ Prerequisites

Make sure you have the following installed:

• Git
• Node.js
• npm

📦 Clone the Repository

git clone https://github.com/subratamondalnsec/Brainwave.git
cd brainwave

📥 Install Dependencies

npm install

▶️ Run the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.