Free Online MAC Address Vendor Lookup Tool

Overview

A high-performance, single-file browser utility designed to quickly identify the manufacturer of a network device based on its Media Access Control (MAC) address. This tool is built for network administrators and tech enthusiasts who need a reliable, zero-latency lookup solution without the need for external API calls.

Core Features

• Instant Lookup: Real-time search functionality as the user types.
• Input Validation: Automatically formats input to remove separators like colons, dashes, or dots.
• Embedded Lightweight Database: A pre-loaded, memory-efficient JSON object containing thousands of common OUIs.
• Clipboard Integration: A one-click "Copy to Clipboard" button for results.
• Responsive Design: Works flawlessly on smartphones, tablets, and desktops.
• Zero-Persistence Architecture: Built with no reliance on localStorage or sessionStorage for compliance and privacy.

Technical Specification

• Architecture: Single HTML file (Vanilla JS, HTML5, CSS3).
• Styling: Tailwind CSS (via CDN) for a clean, professional, "SaaS-light" aesthetic.
• State Management: Pure in-memory JavaScript variables. No browser storage mechanisms are used.
• Performance: Optimized for O(1) lookup speeds by using a keyed object (Hash Map) for the OUI database.

UI/UX Design

• Color Palette: Professional clean light-mode only.
  • Background: #f8fafc (Slate 50)
  • Cards: #ffffff (White)
  • Primary Accent: #2563eb (Blue 600)
  • Text: #1e293b (Slate 800)
  • Border/Subtle elements: #e2e8f0 (Slate 200)
• Interaction:
  • Input field utilizes autocomplete="off" and spellcheck="false".
  • Search results fade in using CSS transitions.
  • Custom, non-blocking modal overlays for error messaging (replacing alert()).
• Typography: System-sans stack for maximum readability and speed.

Developer Directives

1. Do NOT use any form of persistent storage. All data must be volatile.
2. CDN Usage: Include Tailwind CSS via CDN for styling. Use Google Fonts (e.g., 'Inter') via <link>.
3. Formatting: Ensure the input handles multiple formats (e.g., 00:1A:2B:3C:4D:5E, 00-1A-2B-3C-4D-5E, 001A2B3C4D5E).
4. Constraint Compliance: Strictly adhere to the "No Footer," "No Dark Mode," and "No Branding" rules.
5. Security: Ensure the code is safe for sandboxed iframe execution by strictly using standard web APIs.