Description
ListOn – Directory & Listing React Template
ListOn – Directory & Listing React Template is a complete React-based directory and listing template built for creating modern, content-rich websites with an advanced management dashboard. It combines a public website and an administrative interface in one unified project, making it suitable for platforms that need both customer-facing browsing and internal content control.
The template is designed for applications such as business directories, property listing portals, marketplace platforms, service discovery websites, restaurant directories, travel listings, vehicle marketplaces, and booking systems. It provides the structure, design, and reusable components needed to launch a polished listing product quickly.
Overview
The project uses React 19 and Vite as its foundation, which gives it a fast development workflow and a modern component-driven architecture. It also relies on Bootstrap 5, Redux
Toolkit, React Router, and several utility libraries to handle layout, routing, state management, animations, charts, forms, and maps.
One of the main strengths of the template is that it brings together two major experiences: a front-facing website for visitors and a dashboard for administrators. The website focuses
on showcasing listings and content, while the dashboard is built for managing listings, messages, bookings, reviews, wallets, and account settings.
Main Features
ListOn includes eight homepage variations, giving developers flexibility to choose the visual style that best matches the target business. It also includes multiple listing views, blog pages, authentication pages, profile pages, contact pages, and other template pages that help fill out a full directory application.
The dashboard is equally extensive. It contains analytical views, listing management tools, booking management, messaging interfaces, review moderation, bookmarks, wallet pages, and
settings screens. This makes the project useful not only for displaying listings but also for controlling the full operational workflow behind them.
The template also includes:
- Responsive layouts for desktop, tablet, and mobile devices
- Unified dark mode across website and dashboard
- Dynamic CSS loading to prevent style conflicts
- Lazy loading for improved performance
- Redux slices for navigation, map state, chat, and filters
- Google Maps integration for location-based listings
- Charts and analytics for dashboard reporting
- Formik and Yup support for form handling and validation
- Toast notifications for user feedback
- Security support through DOMPurify for HTML sanitization
