AIVibeDetector is a professional-grade browser extension that helps developers, designers, and digital professionals identify AI-generated websites and comprehensively analyze technology stacks. With Wappalyzer-level detection capabilities and a premium glassmorphism UI, it provides instant insights into any website's technical foundation and AI involvement.

• Multi-layer AI Analysis: Detects AI-generated content through DOM analysis, script inspection, and pattern recognition
• AI Builder Detection: Identifies websites built with AI-powered platforms (Webflow, Wix, Framer, Durable AI, etc.)
• API Integration Detection: Discovers OpenAI, Anthropic, Cohere, Google AI, and other AI service integrations
• Content Analysis: Analyzes page content for AI-related terms and patterns
• Confidence Scoring: Provides weighted AI confidence scores (0-100%) based on multiple signals
• Deep Inspection: Examines Shadow DOM, WebAssembly modules, and inline scripts

Comprehensive detection of 150+ technologies across multiple categories:

• Frameworks: React, Vue.js, Angular, Next.js, Nuxt.js, Svelte, Ember.js, Alpine.js
• UI Libraries: Tailwind CSS, Bootstrap, Material-UI, Ant Design, Chakra UI, Vuetify, Element UI
• Backend: Laravel, Django, Flask, Ruby on Rails, Express.js, ASP.NET, Spring Boot, FastAPI
• CMS: WordPress, Drupal, Joomla, Ghost, Contentful, Strapi
• E-commerce: Shopify, WooCommerce, Magento, PrestaShop, BigCommerce
• Hosting & CDN: Vercel, Netlify, AWS, Azure, Cloudflare, Heroku
• Analytics: Google Analytics, Google Tag Manager, Plausible, Mixpanel, Hotjar
• Build Tools: Webpack, Vite, Parcel, Rollup
• Databases: MongoDB, Firebase, Supabase, Prisma
• Payment: Stripe, PayPal, Square
• And many more...

• Glassmorphism Design: Modern frosted glass aesthetic with blur effects
• Enterprise-Grade Interface: Professional color palette and typography
• Responsive Layout: Fixed header and footer with smooth scrolling
• Real-time Updates: Instant analysis with loading states and animations
• Smart Caching: 5-minute cache with manual refresh and clear options
• Dark Theme: Eye-friendly dark mode optimized for developers

• Fast Analysis: Completes in 30-650ms depending on page complexity
• Parallel Detection: Runs 7+ detection methods simultaneously
• Retry Mechanism: Automatic retry with exponential backoff (3 attempts)
• Rate Limiting: Built-in timeout protection (30 seconds)
• Efficient Caching: Reduces redundant analysis and improves response time

1. Clone the repository

   git clone https://github.com/jamilahmed2/aivibedetector.git
   cd aivibedetector

2. Load in Chrome/Edge

   • Open chrome://extensions/ (or edge://extensions/)
   • Enable "Developer mode"
   • Click "Load unpacked"
   • Select the extension directory

3. Start detecting!

   • Navigate to any website
   • Click the AIVibeDetector icon in your toolbar
   • Click "Detect Now" to analyze the page

Coming soon...

1. Navigate to any website you want to analyze
2. Click the AIVibeDetector extension icon
3. Click "Detect Now" button
4. View comprehensive results including:
   • AI Confidence Score (0-100%)
   • Detected AI Signals
   • Technology Stack
   • Metadata Information

Force a fresh analysis bypassing cache:

• Click the "Re-detect" button in results view
• Useful when page content has changed

Remove cached results for the current URL:

• Click the "Clear Cache" button
• Frees up storage and ensures fresh analysis on next visit

• Results are automatically cached for 5 minutes
• Instant display on subsequent visits
• Cache is URL-specific

• JavaScript (ES6+): Core functionality and detection logic
• Chrome Extension API (Manifest V3): Extension framework
• HTML5 & CSS3: Modern UI with glassmorphism effects
• Chrome Storage API: Result caching and persistence
• Chrome Scripting API: Content script injection
• Chrome WebRequest API: Network monitoring

aivibedetector/
├── manifest.json           # Extension configuration
├── popup.html             # Extension popup UI
├── popup.css              # Premium glassmorphism styles
├── popup.js               # UI controller and logic
├── content.js             # Page analysis and detection
├── background.js          # Service worker for network monitoring
├── icons/                 # Extension icons
└── README.md             # Documentation

1. DOM Analysis: Inspects HTML structure, classes, and attributes
2. Script Analysis: Examines loaded scripts and inline code
3. Cookie Detection: Analyzes cookies for framework signatures
4. Meta Tag Inspection: Checks meta tags for generators and AI markers
5. Global Object Detection: Tests for framework-specific window objects
6. Pattern Matching: Uses regex patterns for comprehensive detection
7. Network Monitoring: Tracks API calls and resource loading

Contributions are welcome! Here's how you can help:

• Use the GitHub Issues page
• Provide detailed information about the bug or feature request
• Include screenshots if applicable

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• Follow existing code style and conventions
• Test thoroughly before submitting
• Update documentation as needed
• Keep commits atomic and well-described

• Firefox extension support
• Safari extension support
• Export results as JSON/PDF
• History tracking and comparison
• Custom detection rules
• API for programmatic access
• Confidence level breakdown
• Performance metrics dashboard
• Multi-language support

This project is licensed under the MIT License - see the LICENSE file for details.

Jamil Ahmed

• Portfolio: jamilahmed-portfolio.netlify.app
• LinkedIn: linkedin.com/in/jamil-ahmed-54655220b
• GitHub: @jamilahmed2

• Inspired by Wappalyzer for technology detection
• UI design influenced by modern glassmorphism trends
• Community feedback and contributions

• 150+ Technologies Detected
• 7 Parallel Detection Methods
• 30-650ms Analysis Time
• 5-Minute Smart Caching
• 3 Automatic Retries