Built with Angular 17+ (Standalone) and Tailwind CSS, this component is designed to be dropped into any project and customized in minutes. Say goodbye to complex navigation logic—NgxNavPro handles responsive states, mobile drawers, and nested menus automatically via a simple TypeScript interface.

🚀 Key Features

• 100% Data-Driven: Define your entire menu structure (links, icons, sub-menus) in a simple JSON/TypeScript object.
• Mobile-First Design: Automatically switches to a smooth off-canvas drawer on mobile devices with a hamburger menu.
• Mega Menu Support: Create rich multi-column dropdowns with categories, icons, and featured promo sections.
• Tailwind CSS: Styled with utility classes for easy customization. Dark mode ready logic.
• Zero jQuery: Built purely on Angular and TypeScript. No heavy dependencies.
• Promo Cards: Includes a built-in "Featured" section in the menu for marketing campaigns (e.g., Summer Sales).
• Clean Code: Strictly typed interfaces, modular architecture, and comprehensive comments.

🛠 Tech Stack

• Angular 17+ (Standalone Components)
• Tailwind CSS 3.x
• TypeScript
• Lucide / Heroicons (SVG support)

📦 What's Included?

• Full Source Code (Component + Interfaces)
• Comprehensive Documentation (README)
• Ready-to-use Examples

📋 Requirements

• Node.js & NPM
• Angular CLI