Shopro — Tailwind CSS Retail Mall Template (HTML)

About This Item

Malls and retail directories get 33 pages for listing stores, brands, guides and team members from Shopro, a Tailwind CSS retail mall template running on Tailwind CSS 4. It is made for shopping malls, retail directories and multi-store venues that need one site for every tenant.

Store Grid, List and Mall Map Pages

Visitors can browse tenants in three ways. The Store Grid and Store List pages show the same stores in different layouts, while the Store Map page places them on an interactive Mapbox GL map.

• Three Store Details layouts, so a flagship tenant can look different from a kiosk.
• Isotope filtering, so shoppers narrow stores by category, floor or brand.
• Select2 dropdowns for category and floor-level search.
• A Compare Stores page, which sets two tenants side by side.

Brand, Guide and Team Directory Pages

Brand Archive and Brand Details pages give each retail brand its own profile. Guide Archive comes in two variants, and Guide Details covers one guide in full. Team Archive also has two variants, and Team Details shows a single mall team member.

Submit Store Wizard, Shop and Pricing

Tenants can apply through the Submit Store page, which uses a multi-step wizard. The Shop Archive and Shop Details pages let a mall sell products as well. Pricing and Pricing v2 offer two plan table layouts, and a Countdown timer supports limited-time promotions.

Why Choose This Tailwind CSS Retail Mall Template

The site ships with three home layouts, so you can pick the hero and store showcase that suit your mall. The rest of the set covers Gallery, Services, FAQ, Blog Grid, Blog List, left and right sidebar blogs, and Blog Single. Login, Register, Contact Us, Coming Soon, Legal and 404 pages finish the structure.

Because the pages already cover stores, brands, shop, blog and pricing, this Tailwind CSS retail mall template needs little extra work before launch. Slick carousels run featured store and testimonial sliders, and Magnific Popup opens gallery images full screen.

What You Would Change First

Most buyers start with the home page, because the hero and featured stores set the first impression. Then they edit the Store Details layout, since tenant names, floors and opening hours go there. After that, they replace placeholder images with mall photos and update the Pricing tiers.

Tailwind CSS 4 makes this edit simple. Only the classes the pages use reach the compiled CSS, so unused styles do not ship with your Store Grid or Blog pages. Hover and focus states are written in the markup next to the base styles, so a button on the Submit Store page can be restyled without searching other files.

The download opens as finished pages straight away. It also includes the Tailwind source for anyone who wants to edit and rebuild the styles. Neutral placeholders replace the preview images, so add your own tenant photos. Flaticon and FontAwesome supply the icons, and Google Fonts handles the type.

The set holds 33 pages in total, and every one of them is part of the Tailwind CSS 4 build.