🚀 FindStacks

The Space Between Tech & Stacks.
Discover the hidden technology behind any website with a single click.

---

✨ Overview

FindStacks is a high-performance technology discovery engine designed to deconstruct any website's architecture. Built with a bold Neo-Brutalist aesthetic and powered by multiple LLM backends, it provides deep insights into the frontend frameworks, backend tools, and external services that power the modern web.

---

🛠️ Key Features

🔍 Deep Intelligence Scanning

Unlike simple regex-based detectors, FindStacks analyzes meta tags, script structures, HTTP headers, and server fingerprints to provide a comprehensive architectural map.

🤖 Multi-LLM Processing

Choose your preferred intelligence engine for analysis:

• ChatGPT: High-speed pattern recognition.
• Claude: Nuanced script and metadata analysis.
• Gemini: Massive context window for deep server-side fingerprinting.

⚖️ Comparison Mode (The "Tri-Scan")

Execute three simultaneous scans using ChatGPT, Claude, and Gemini. Compare their findings in real-time to identify the most accurate technology signatures.

📂 Categorized Discovery

We identify and categorize tech across 10+ dimensions:

• Frontend: React, Next.js, Vue, Tailwind, etc.
• Backend & CMS: Node.js, Django, WordPress, Shopify.
• Infrastructure: Hosting providers, CDNs, and DNS.
• Operations: Analytics, Payments, Security, and E-Commerce tools.

---

🏗️ Built With

• Framework: Next.js 16 (App Router)
• Styling: Vanilla CSS (Neo-Brutalist System)
• Animations: Framer Motion
• Icons: Lucide React
• Scraping: Axios & Cheerio
• Intelligence: OpenAI, Anthropic, and Google Gemini APIs

---

🚀 Getting Started

Prerequisites

• Node.js 18+
• API Keys for OpenAI, Anthropic, or Google Gemini (stored in .env.local)

Installation

1. Clone the repository:

   git clone https://github.com/razin-developer/FindStacks.git
   cd FindStacks

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env.local file:

   OPENAI_API_KEY=your_key
   CLAUDE_API_KEY=your_key
   GEMINI_API_KEY=your_key

4. Run the development server:

   npm run dev

5. Open the app: Navigate to http://localhost:3000.

---

🎨 Design Philosophy

FindStacks follows a Neo-Brutalist design system:

• Bold Typography: Using Geist for a modern, industrial feel.
• High Contrast: Vibrant yellows, cyans, and purples against deep blacks.
• Interactive UI: Motion-heavy feedback loops and real-time marquee indicators.

---

🔗 Links

• Hosted Application: find-stack.zydcode.in
• Developer: Razin

---

FindStacks © 2026 // Next-Gen Technology Discovery Engine