Suite navigation with a searchable product switcher
Live preview
The prompt
Create a multi-product suite navigation bar with Tailwind CSS. Include a product launcher button, current product wordmark, contextual links, search, help, and account controls. The launcher opens a polished grid of six products with icons, descriptions, recent badge, and a footer link for administration. Add JavaScript for opening, outside-click and Escape closing, and filtering products from a search field.
Create a multi-product suite navigation bar with Tailwind CSS. Include a product launcher button, current product wordmark, contextual links, search, help, and account controls. The launcher opens a polished grid of six products with icons, descriptions, recent badge, and a footer link for administration. Add JavaScript for opening, outside-click and Escape closing, and filtering products from a search field.
Create a multi-product suite navigation bar with Tailwind CSS. Include a product launcher button, current product wordmark, contextual links, search, help, and account controls. The launcher opens a polished grid of six products with icons, descriptions, recent badge, and a footer link for administration. Add JavaScript for opening, outside-click and Escape closing, and filtering products from a search field.