Drago — Tailwind CSS Shopping Mall Directory Template (HTML)

About This Item

Store listings, map browsing and brand comparison come ready-made in Drago, a Tailwind CSS shopping mall directory template built on Tailwind CSS 4. It suits mall operators, showroom portals, retail listing platforms, business discovery directories and commercial property showcases. Agencies can also use it to deliver a shopping directory to a client quickly.

Store Listings: Grid, List and Map Views

The listing pages matter most for a mall, because shoppers arrive looking for a store or a brand. Drago gives you three ways to browse them:

• Listing Grid shows stores as filterable cards.
• Listing List shows each store in a full-width row, so more detail fits.
• Listing Map places stores on an interactive map for shoppers who think by location.

Each store then opens in one of three Listing Details styles. Compare Listings puts several stores side by side, so a visitor can weigh brands before a trip. Select2 dropdowns power the search filters.

Tailwind CSS Shopping Mall Directory Template: Pages and Layouts

This Tailwind CSS shopping mall directory template groups its 33 pages into home, listings, shop, blog and account areas. Here is the full set:

• Three home layouts, Home v1 to v3, with different hero and directory showcase arrangements
• Services, Team, Contact Us, Coming Soon and a custom 404 page
• Two Pricing pages, so a directory can sell listing subscriptions in either layout
• Shop, with a zoom effect that magnifies product images on detail pages
• Submit Listing, a form where retailers and brands add their own stores
• Login and Register for account access

Blog Formats for Mall News and Style Guides

Shopping news and style guides can run in five blog formats: Blog Grid, Blog Sidebar, Blog List, Blog Single and Blog Masonry. A mall can publish event news in cards, then keep long articles in the single view. Magnific Popup adds a lightbox for images.

What Tailwind CSS 4 Changes for Drago

A section’s styling travels with its HTML, so a block can be copied to another page and keep its look. A listing card from Listing Grid can therefore move into a Home layout unchanged. Layouts adapt to screen size through mobile-first breakpoint prefixes in the markup, which matters for shoppers browsing the Listing Map on a phone. Hover and focus states are written in the markup next to the base styles, so a card’s hover effect is easy to find and change.

The download opens as finished pages, and the Tailwind source is included if you want to edit and rebuild the styles. Neutral placeholders replace the preview images, so you add your own store photos. The icon sets are FontAwesome and Flaticon, and the fonts come from Google Fonts. Documentation is included for setup and customisation.

Drago has 33 pages in total, including 3 home layouts and 3 listing detail styles.