ListOn 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

Architecture

The project uses a dual-layout architecture. The public website is wrapped in one layout
and the dashboard is wrapped in another, allowing each side of the application to load its
own styles and behavior without interfering with the other.

This approach helps keep the codebase organized and maintainable. Website-specific pages can
focus on branding, browsing, and conversion, while dashboard pages can focus on management
tasks and administrative workflows. The documentation highlights this separation as one of
the core design decisions behind the project.

The template also uses React.lazy with Suspense to split page components into smaller chunks.
That reduces the amount of code loaded upfront and helps improve runtime performance, which
is especially useful for a large template with many routes and page variants.

CSS System

The documentation places a strong emphasis on CSS isolation. Because the website and
dashboard were merged into one codebase, their styling needs to stay separate. To solve this,
the template uses dynamic CSS injection and cleanup through a custom hook.

Website pages load their own styles, dashboard pages load their own styles, and shared
utilities such as the page loader remain available globally. This prevents conflicts and
helps each section of the application preserve its intended visual language.

Theme System

ListOn includes a unified theme context that keeps dark mode synchronized between the
website and dashboard. The theme updates both Bootstrap’s data attribute and the dashboard’s
dark-mode class so that the two layouts stay visually aligned.

Theme preference is also stored in local storage, which allows the user’s choice to persist
across reloads. This makes the experience feel consistent and avoids forcing the user to
choose a theme every time they return to the application.

Why This Project Stands Out

Unlike a basic landing page or a simple listing demo, ListOn is structured as a full product
foundation. It is not only about showing listings, but also about supporting the systems
around them: content management, communication, analytics, user accounts, and responsive
presentation.

The template is especially valuable for teams that want to save time on setup while still
starting from a well-organized and feature-rich codebase. The documentation shows that the
project is intended to be customizable, scalable, and ready for real-world usage rather than
being a minimal starter.

Best Use Cases

ListOn works well for real estate websites, hotel and travel directories, local service
marketplaces, auto marketplaces, restaurant discovery platforms, and other listing-based
products. It is also useful for agencies or product teams that need a balanced combination
of public content presentation and internal admin tools.

If a project needs a modern UI, structured routing, reusable components, theme support,
dashboard controls, and a practical starting point for a directory platform, ListOn provides
a strong base to build on.

Summary

In short, ListOn is a comprehensive directory and listing React template with a powerful
dashboard, flexible homepage designs, thoughtful architecture, and modern front-end
practices. It is built to support both appearance and functionality, giving developers a
complete foundation for creating professional listing applications.

Clinexa – Medical & Healthcare Management Dashboard HTML Template is a modern, clean, and professional healthcare dashboard template designed for hospitals, clinics, medical centers, doctors, healthcare administrators, diagnostic centers, patient management systems, and digital health platforms.

Clinexa provides a complete user interface foundation for building medical admin panels, healthcare SaaS dashboards, hospital management systems, clinic portals, doctor dashboards, appointment systems, patient records interfaces, analytics dashboards, and healthcare reporting platforms.

The template is carefully designed with a medical-focused layout, clean typography, responsive structure, reusable components, modern UI patterns, and data visualization support. It helps developers, startups, agencies, and healthcare product teams quickly create professional healthcare dashboard interfaces without starting from scratch.

Live Preview: https://clinexa-live-demo.netlify.app/

Why Choose Clinexa?

Healthcare software requires a clean, trustworthy, and highly usable interface. Clinexa is built with that purpose in mind. Every screen, component, chart, table, and layout section is structured to help users manage healthcare data more clearly and efficiently.

Whether you are building a hospital admin panel, a doctor appointment platform, a patient management dashboard, or a complete healthcare SaaS product, Clinexa gives you a professional frontend starting point with modern technology and flexible customization options.

Key Features

• Modern medical and healthcare dashboard design
• Clean, professional, and user-friendly interface
• Fully responsive layout for desktop, tablet, and mobile devices
• Built with Tailwind CSS 4
• Webpack-based modern development setup
• Reusable UI components and structured layout system
• Healthcare-focused dashboard pages
• Doctor, patient, appointment, and analytics-oriented UI sections
• Beautiful charts and visual statistics using ApexCharts
• Slider and carousel support using Swiper
• Clean code structure for easy customization
• Developer-friendly folder organization
• Fast loading and lightweight frontend template
• Easy to modify colors, spacing, typography, and components
• Suitable for SaaS, admin panel, and web application interfaces
• No backend dependency required

Perfect For

• Hospital management dashboards
• Clinic management systems
• Doctor appointment platforms
• Patient management dashboards
• Healthcare SaaS products
• Medical admin panels
• Diagnostic center dashboards
• Telemedicine platforms
• Pharmacy management interfaces
• Healthcare analytics dashboards
• Medical CRM systems
• Health-tech startup products

Dashboard Purpose

Clinexa is created to help healthcare businesses, developers, and product teams build professional medical dashboard interfaces faster. The template focuses on clarity, usability, and scalability, making it suitable for both small clinic systems and large healthcare web applications.

It is not limited to one specific healthcare use case. You can customize it for appointment booking, patient records, doctor profiles, hospital departments, medical analytics, finance reports, staff management, prescription interfaces, or any other healthcare-related admin dashboard requirement.

Included Pages

Clinexa includes 58+ professionally designed HTML pages covering hospital management, clinical operations, billing, inventory, records, reports, blood bank, room allotment, workspace tools, and settings.

Included Pages

• Dashboard
• All Doctors
• Doctor Details
• Doctor Schedule
• Edit Profile
• All Patients
• Patient Details
• Appointments
• All Employee
• Employee Details
• Employee Schedule
• Prescriptions
• Departments
• Invoices List
• Invoice Details
• Payments History
• Insurance Claims
• Insurance Claims Details
• Inventory List
• Stock Alerts
• Supplies
• All Templates
• Recently Used
• My Templates
• Medicine Details
• Birth Records
• Birth Records Details
• Birth Audit History
• Death Records
• Death Records Details
• Death Audit History
• Call List
• Call Details Timeline
• Ambulance List
• Ambulance Details
• Report Overview
• Appointment Report
• Financial Report
• Inventory Reports
• Patient Visit Report
• Blood Stock
• Blood Unit Details
• Blood Donor
• Blood Donor Details
• Blood Issued
• Add Unit Blood
• Alloted Rooms
• Alloted Rooms Details
• Room Allotment
• Rooms by Department
• Add New Room
• Email
• Chat
• General Settings
• Notification Settings
• Working Hours
• Integrations
• Support

Technology Stack

• HTML5 – Clean and semantic markup structure
• Tailwind CSS – Utility-first modern CSS framework
• Tailwind CSS Version: ^4.1.3
• Webpack: ^5.97.1
• Webpack CLI: ^6.0.1
• Webpack Dev Server: ^5.2.0
• @tailwindcss/postcss: ^4.1.3
• ApexCharts: ^5.3.6
• Swiper: ^11.2.10

Package Dependencies

tailwindcss: "^4.1.3" 
webpack: "^5.97.1" 
webpack-cli: "^6.0.1" 
webpack-dev-server: "^5.2.0" 
@tailwindcss/postcss: "^4.1.3" 
apexcharts: "^5.3.6" 
swiper: "^11.2.10" 

Design Highlights

• Professional healthcare visual style
• Clean dashboard layout with strong visual hierarchy
• Medical-focused cards, widgets, tables, and charts
• Modern spacing and typography system
• Easy-to-read data presentation
• Responsive sidebar, header, and content layout
• Suitable for both light and professional medical interfaces
• Flexible structure for future expansion

Dashboard & UI Components

• Dashboard statistics cards
• Medical analytics charts
• Appointment-related UI sections
• Patient and doctor interface elements
• Data tables
• Navigation sidebar
• Header and topbar layouts
• Reusable buttons and form elements
• Cards and content blocks
• Status badges and labels
• Responsive grid layouts
• Charts and reporting widgets

Responsive Layout

Clinexa is designed to work smoothly across modern screen sizes. The layout adapts for desktop, tablet, and mobile devices, making it suitable for real-world healthcare dashboard applications where users may access the system from different devices.

Easy Customization

The template is built with a clean structure and modern frontend workflow. Developers can easily customize colors, typography, spacing, components, layouts, and sections according to project needs. Tailwind CSS makes styling fast, flexible, and scalable.

Charts & Data Visualization

Clinexa includes chart support with ApexCharts, making it easier to present healthcare statistics, appointment reports, patient activity, revenue analytics, performance summaries, and other medical data in a visually clear format.

Modern Development Workflow

The template uses Webpack for a modern frontend development workflow. This helps developers manage assets, compile styles, run a local development server, and maintain a structured project setup.

What You Will Get

• Complete HTML template files
• Tailwind CSS source setup
• Webpack configuration
• Reusable components and layouts
• Healthcare dashboard UI pages
• Chart and slider integration
• Responsive design structure
• Documentation for setup and customization

Important Notes

• This is a static HTML template.
• No backend functionality is included.
• No database integration is included.
• Images, illustrations, or demo assets are used for preview purposes only and may need to be replaced in your final project.
• You can integrate this template with any backend technology such as Laravel, Node.js, Django, CodeIgniter, ASP.NET, or any custom system.

Browser Compatibility

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Safari
• Opera

Support

If you need any help with installation, setup, customization, or understanding the template structure, please feel free to contact us through the support channel. We will be happy to assist you.

FREE UPDATES AND SUPPORT:

We provide free updates and item-related support according to Envato’s policy. For support, please contact us via:
https://support.pxlaxis.com/

CUSTOMIZATION SERVICES OFFER:

Need custom features, UI changes, or extended functionality? Our team offers professional customization services. Contact us here:
https://support.pxlaxis.com/customization

Conclusion

Clinexa – Medical & Healthcare Management Dashboard HTML Template is a professional frontend solution for healthcare dashboard projects. With its clean medical design, responsive layout, reusable components, modern Tailwind CSS setup, Webpack workflow, charts, and healthcare-focused interface sections, Clinexa is a strong starting point for building modern medical and health-tech web applications.

“`

Designed for SaaS platforms, CRM systems, analytics dashboards, and custom admin panels, Dhonu features a clean architecture, reusable components, and smooth page transitions powered by Inertia.js. With optimized performance, flexible customization, and a consistent design system, it enables developers to build modern web applications efficiently across all devices and browsers.

Why Choose Dhonu?

• Built with Vue & Laravel Inertia Js
• Created using Bootstrap v5.3x
• Clean, consistent UI built with developer productivity in mind.
• Fully modular structure with scalable code architecture.
• Pre-integrated with routing, theming (light/dark), and reusable components.
• Minimal external dependencies for a fast, clean build.
• Ideal for CRMs, ERPs, SaaS apps, analytics dashboards, and more.

Standout Features:

• 5+ Predefined Color Skins (Styles) to match your brand
• Built-in support for Light & Dark Modes
• Collapsible and responsive sidebar navigation
• Comprehensive UI kit – buttons, cards, badges, modals, tooltips, tabs, and more
• Charts powered by modern libraries
• Easy-to-use forms, tables, modals, and notifications
• Fully responsive layout – works on all devices and screen sizes
• Minimal external dependencies – fast load and clean build

Exclusive Skins:

• Default
• Minimal
• Modern
• Flat
• Galaxy

Pre-Built Pages:

• Dashboard
• Email
• New
• Team Board
• Chat
• Calendar
• Invoice
• Outlook View
• Issue Tracker
• Manage Apps
• Pricing
• Empty Page
• Timeline
• Terms & Conditions
• Authentication Pages: Sign In, Sign Up, Reset Password, New Password
• Security Pages: Two Factor, Lock Screen
• Error Pages: 404 Not Found

Use Cases:

• Admin Panels
• SaaS Dashboards
• Internal Tools
• CRM / ERP Systems
• Analytics Platforms
• Backoffice Interfaces
• And much more..

SignalAIX is a premium, modern and highly detailed HTML admin dashboard template designed for AI-powered Forex trading signals, crypto market prediction, portfolio tracking, trading analytics, automated signal tools, and financial intelligence platforms.

Built with HTML5, Tailwind CSS v4, Webpack 5, Vanilla JavaScript, and real interactive charts, SignalAIX gives buyers a clean, professional, and scalable front-end foundation for building modern Forex, crypto, fintech, trading bot, market analytics, and AI signal dashboard products.

The template includes approximately 40 ready-made pages organized into 8 powerful dashboard sections. Every page is designed with a clean data-focused interface, responsive layout, light/dark mode, real charts, smart filters, drawers, tables, cards, and modern trading UI components.

Why Choose SignalAIX?

SignalAIX is created for the growing demand of AI-based trading tools, crypto dashboards, Forex signal platforms, market prediction systems, and automated trading interfaces. It combines premium visual design with practical dashboard components that can be used by developers, startups, SaaS founders, fintech companies, trading educators, and marketplace buyers who want to launch a professional-looking trading product faster.

• AI Trading Signal Dashboard: Perfect for Forex, crypto, and market prediction platforms.
• Modern Fintech UI: Clean, premium, dark/light friendly, and professional interface.
• ~40 Ready Pages: Complete dashboard flow with analytics, automation, portfolio, account, and trading tools.
• 8 Sidebar Sections: Well-organized structure for a complete admin experience.
• Real Charts: Chart.js line, bar, doughnut, radar, gauge-style charts, and sparklines.
• Fully Responsive: Built and tested down to 320px screen width.
• No Framework Dependency: Pure HTML with Vanilla JavaScript modules. No jQuery, React, Alpine, or Vue required.
• Developer Friendly: Webpack-powered multi-page setup with reusable partials and clean folder structure.

Main Features

• Premium AI Forex and Crypto trading dashboard design
• Approximately 40 carefully designed HTML pages
• 8 complete dashboard menu sections
• Light and dark mode support
• Theme preference saved using localStorage
• Built with Tailwind CSS v4
• Webpack 5 development and production build system
• Pure Vanilla JavaScript interactions
• No jQuery dependency
• No React, Vue, Alpine, or other frontend framework dependency
• Responsive layout down to 320px
• No horizontal scroll on mobile devices
• Chart.js real charts, not static chart images
• Charts re-color automatically with theme switching
• Trading signal cards and live signal feeds
• AI market summary interface
• AI prediction model pages
• Risk analyzer dashboard
• Trade journal and performance tracking
• Strategy builder interface
• Forex and crypto heatmaps
• Trend scanner and pattern detection pages
• Economic calendar layouts
• News sentiment interface
• Portfolio, open positions, trade history, and P/L overview
• Watchlists, custom alerts, and saved signals
• Bot center and automation pages
• Webhook automation and API integration pages
• Account, profile, security, billing, and help center pages
• Slide-in drawers, tabs, toasts, toggles, sortable tables, search, and filters
• Clean source structure for customization

Technology Stack

• HTML5 – Clean and semantic markup
• Tailwind CSS v4 – Modern utility-first styling
• Webpack 5 – Development server and optimized production build
• Vanilla JavaScript – Lightweight interactive behavior
• Chart.js – Real interactive charts and data visualization
• Google Fonts – Inter and Rajdhani typography
• LocalStorage – Theme preference saving

Included Dashboard Sections

1. Main

• Dashboard: KPI cards, performance chart, signal cards, watchlist, and recent trades.
• Live Signals: Real-time buy/sell signal feed with filters, details, and export drawer.
• AI Signal Generator: Configure AI trading signals by market, asset, timeframe, and strategy.
• Market Overview: Multi-market prices, top movers, economic events, and live signals.

2. AI Intelligence

• AI Market Summary: AI market digest with ticker, sentiment, and multi-tab charts.
• AI Prediction Models: Model cards, accuracy meters, and prediction history.
• AI Risk Analyzer: Risk gauge, exposure heatmap, correlation, and stress tests.
• AI Trade Journal: Trade log with AI insights, analytics charts, and activity heatmap.
• AI Strategy Builder: Visual strategy builder with indicators, rules, and backtest lab.

3. Trading Tools

• Forex Heatmap: Currency strength and performance heatmap.
• Crypto Heatmap: Crypto market strength and performance visualization.
• Trend Scanner: Trend strength scanner across assets and timeframes.
• Pattern Detection: AI-style candlestick and chart pattern detection interface.
• Volatility Index: VIX-style gauge, Fear & Greed meter, and volatility heatmap.
• Economic Calendar: Filterable economic event calendar with table, list, and timeline views.
• News Sentiment: News feed with AI sentiment scoring.
• Correlation Matrix: Asset correlation matrix with detail drawer.

4. Market Analytics

• Forex Analytics: Deep analytics dashboard for Forex markets.
• Crypto Analytics: Detailed crypto market analytics dashboard.
• Top Gainers & Losers: Ranked market movers table.
• Market Sentiment: Per-asset sentiment analysis with Fear & Greed meter.
• Liquidity Zones: Liquidity zone analysis dashboard.
• Price Action Monitor: Live price action table with pattern and signal detection.

5. Portfolio

• My Portfolio: Holdings, allocation, performance, and AI insights.
• Open Positions: Positions table and cards with modify and close drawers.
• Trade History: Historical trades with P/L charts and filters.
• Performance Analytics: Performance score, returns, risk, strategies, and assets.
• Risk Metrics: Risk score, exposure, volatility, correlations, and alerts.
• P/L Overview: Profit and loss overview with daily P/L calendar.

6. Watchlists

• Forex Pairs: Forex watchlist with grid and table views.
• Crypto Pairs: Crypto watchlist with grid and table views.
• Custom Alerts: Create and manage price, signal, and market alerts.
• Saved Signals: Bookmarked trading signals with filters and detail drawer.

7. Automation

• Bot Center: Trading bot management with start, stop, pause, and configuration drawer.
• Auto Signal Forwarder: Forward signals to Telegram, Discord, Email, or Webhook.
• Webhook Automations: Webhook endpoints, delivery logs, and automation templates.
• API Integrations: API keys, show/hide/copy controls, and third-party integration UI.

8. Account

• Profile & Security: Profile settings, password, 2FA, sessions, API keys, privacy, and activity log.
• Notification Settings: Channels, preferences, alert types, schedules, and sounds.
• Connected Exchanges: Manage exchange accounts and balances.
• Subscription & Billing: Pricing plans, payment methods, invoices, and usage.
• Help Center: Support hub with search, FAQ, video tutorials, and tickets.

Complete Page List

• index.html
• live-signals.html
• ai-signal-generator.html
• market-overview.html
• ai-market-summary.html
• ai-prediction-models.html
• ai-risk-analyzer.html
• ai-trade-journal.html
• ai-strategy-builder.html
• forex-heatmap.html
• crypto-heatmap.html
• trend-scanner.html
• pattern-detection.html
• volatility-index.html
• economic-calendar.html
• news-sentiment.html
• correlation-matrix.html
• forex-analytics.html
• crypto-analytics.html
• top-gainers-losers.html
• market-sentiment.html
• liquidity-zones.html
• price-action-monitor.html
• my-portfolio.html
• open-positions.html
• trade-history.html
• performance-analytics.html
• risk-metrics.html
• pl-overview.html
• forex-pairs.html
• crypto-pairs.html
• custom-alerts.html
• saved-signals.html
• bot-center.html
• auto-signal-forwarder.html
• webhook-automations.html
• api-integrations.html
• profile-security.html
• notification-settings.html
• connected-exchanges.html
• subscription-billing.html
• help-center.html

Responsive Design

SignalAIX is fully responsive and carefully tested for desktop, laptop, tablet, and mobile screens. The layout is optimized down to 320px, making it suitable for mobile-first trading dashboard experiences without horizontal scrolling.

Light & Dark Mode

The template includes a beautiful emerald-accent light and dark theme. The selected theme preference is saved in localStorage, so users can enjoy a consistent dashboard experience.

Real Chart Components

SignalAIX uses real Chart.js charts instead of static chart images. It includes line charts, bar charts, doughnut charts, radar charts, gauge-style visualizations, heatmaps, sparklines, and performance charts. Charts are designed to adapt with the light and dark theme system.

Folder Structure

• dist/ – Final production build folder
• src/css/ – Common CSS and loader CSS
• src/assets/images/ – Images, fonts, favicon, and media assets
• src/js/ – JavaScript entry point and page controllers
• src/partials/ – Reusable sidebar and top header partials
• src/*.html – Individual HTML pages
• webpack.config.js – Webpack configuration
• package.json – Project metadata and scripts

Installation Guide

To run the project locally, follow these steps:

npm install

Start the development server:

npm start

The project will be available at:

http://localhost:5001

To generate the production build, run:

npm run build

The optimized production files will be generated inside the dist/ folder.

FTP Upload

• Run the production build command.
• Open the dist/ folder.
• Upload all files from the dist/ folder to your hosting server.
• Make sure index.html is placed in the correct public directory.

Easy Customization

SignalAIX is easy to customize. You can change logo, colors, theme tokens, pages, layouts, and JavaScript behavior from the source files.

• Change the logo from the shared sidebar partial or replace the logo image file.
• Customize theme colors from src/css/common.css.
• Add new HTML pages inside the src/ directory.
• Use reusable partials for sidebar and top header updates.
• Customize page-specific JavaScript from src/js/.

Fonts Used

• Inter – Used for body text, UI elements, tables, and general dashboard content.
• Rajdhani – Used for headings, trading data, and accent text.

Perfect For

• AI Forex trading signal dashboards
• Crypto trading analytics platforms
• Market prediction dashboards
• Trading bot admin panels
• Financial SaaS dashboards
• Investment analytics dashboards
• Portfolio tracking platforms
• Fintech admin templates
• Broker or trader client portals
• Crypto exchange analytics interfaces

What You Will Get

• Complete HTML source files
• Production-ready dist files
• Tailwind CSS v4 setup
• Webpack 5 configuration
• Vanilla JavaScript files
• Reusable partial components
• Responsive layouts
• Light and dark theme support
• Documentation for setup and customization

Important Notes

• This is a static HTML dashboard template.
• No backend functionality is included.
• No real AI engine, trading bot, trading execution, or exchange connection is included.
• No real payment gateway or subscription processing is included.
• Charts, tables, signals, and trading data are for demo/design purposes only.
• Buyers can connect their own backend, API, AI model, payment system, or exchange integration as needed.

Support

If you need any help, please contact us through our support channel. We will be happy to assist you with installation, setup guidance, and general template-related questions.

Thank you for checking out SignalAIX – AI Forex & Crypto Trading Signals Dashboard HTML Template.

FREE UPDATES AND SUPPORT:

We provide free updates and item-related support according to Envato’s policy. For support, please contact us via:
https://support.pxlaxis.com/

CUSTOMIZATION SERVICES OFFER:

Need custom features, UI changes, or extended functionality? Our team offers professional customization services. Contact us here:
https://support.pxlaxis.com/customization

Developed with a scalable and developer-friendly architecture, Alloce helps teams build faster, maintain clean code, and ensure consistent UI across complex and growing applications. It provides a solid foundation that adapts easily from simple dashboards to large-scale enterprise systems.

Alloce includes a rich set of features such as 12+ ready-to-use Demos, Light & Dark modes, full RTL support, multi-language compatibility, and multiple layout and sidebar variations, giving you complete freedom to design interfaces that match your product needs.

With 282+ professionally designed pages, Alloce covers everything required to build a complete application — including dashboards, authentication flows, user management, settings, and utility pages. Every page is carefully crafted to ensure consistency, usability, and a polished user experience.

Optimized for performance and responsiveness, Alloce ensures a smooth experience across all devices, from desktops to mobile screens.

✨ Premium Features

• Built with Bootstrap v5.3.8 (HTML)
• Built with Laravel 13
• Built with Blazor Server 10
• Built with ASP.Net Core 10
• Built with ASP.Net MVC 5
• Built with PHP v8.4
• Built with Symfony 8
• Built with Yii 3
• Built with Vite v8.* for lightning-fast development
• 12+ Multiple Demos (Default, Minimal, Material, etc,.)
• Multiple Layouts Options ( Default, Modern, Horizontal, Semibox, etc,. )
• Multiple Colors
• Multiple Sidebar (Small, Medium, Large)
• 12+ Dashboard Pages
• 200+ Ready-to-Use Pages
• 15+ Application Pages
• Light, Dark & Black Modes: SCSS variables for instant switching
• Full RTL (Right-to-Left) support
• Easily switch Demos without breaking layout
• Mobile-First Responsive: Bootstrap 5 grid + custom breakpoints
• Easy to Customize with Scss
• User-Friendly Customization
• Optimized, Lightweight Codes
• Unlimited Template Possibilities
• Highly customizable without complexity
• Well Documentation
• Lifetime Free Updates

Use Cases

Alloce is perfect for:

• SaaS Applications
• Admin Panels
• CRM & Crypto Systems
• Analytics & Finance Dashboards
• Enterprise Back-Office Tools
• Startup Products

️ Modern Tech Stack

• Bootstrap
• Vite
• JavaScript (Vanilla)
• SCSS
• HTML
• CSS

What You Get

• Full source code
• 200+ ready-to-use pages
• UI components & layouts
• Documentation & setup guide
• Lifetime free updates

Why Choose Alloce?

Alloce is built for startups, agencies, and enterprise teams that need a reliable, scalable, and multi-purpose admin system.

• Designed for real-world applications
• Scalable architecture for long-term projects
• Clean, modern, and minimal UI
• Developer-friendly workflow
• Multi-purpose and flexible

Live Demos: https://alloce-bs.vercel.app/

Documentation: https://alloce-bs.vercel.app/docs/getting-started

We have used gulp-based build tools and SCSS variables-based modes along supported. You can quickly change the sidebar color or mode by changing data attributes only instead of changing huge lines of code. We have written complete minimal code for the beautiful UI. Rizz also support Dark and Light modes and many other options that help you in creating a new project.

Rizz has Apps that can be used in Analytics, Ecommerce, Project, Calendar, Chat, Invoice, Projects, Tasks, Kanban management custom projects.

Rizz has 96+ pages, 40+ components, 20+ charts, 20+ widgets with fully responsive design in Desktops, Tablets and Mobile devices.

Technology:

• Build with Bootstrap v5.3.3
• Build with Ruby on Rails

Features:

• Dark, Light
• Fully Responsive Design
• Gulp Based Workflow
• Light-Weight, Clean & Commented Code
• Easy to Customize with SCSS Variables
• Drag & Drop
• Well Organized Folder Structure
• Lifetime Free Updates
• Unlimited Template Possibilities
• 2 Dashboards
• Apps like Calendar, Chat, eCommerce, Projects, Tasks, Invoices, Email templates
• Authentication & Error Pages
• Profile, Settings, Invoice, Maintenance, Timeline, Pricing, Gallery, FAQ, Terms & Conditions, and many more Pages

Browser Compatibility:

• Chrome (Windows, Mac, Linux)
• Firefox (Windows, Mac, Linux)
• Safari (Mac)
• Microsoft Edge
• And other WebKit browsers

DashQ – Multipurpose Bootstrap 5 HTML Admin & Dashboard Template

DashQ is a developer-friendly Admin & SaaS Dashboard Template built with Bootstrap, designed to help you launch web apps faster, without sacrificing performance, flexibility, or design quality.

One-Click Smart Customization

Change the entire look & feel of your dashboard instantly, without touching code.

• Light / Dark Mode Toggle switch themes in one click
• 9 Pre-Built Theme Colors change primary color instantly
• 4 Google Font Families typography that fits your brand
• Font Size Control better accessibility & readability
• Flat UI Glass Effect iOS-style glassmorphism
• Retro Style Black Border
• RTL Support
• Best Practices for Using CSS Nesting

Key Features

• Built with Bootstrap 5.3+
• Light and Dark Mode Support
• Detailed Documentation
• Authentication Pages Included
• Responsive and Retina Ready
• 100+ Inner Pages
• Developer Friendly Folder Structure
• Modern UI & Reusable Components
• Fully Customization
• Well Organized Group and layers
• Pixel Perfect
• Unique and Modern Style
• 24/7 Great Support
• Good color combination
• Regular Updates

DashQ Admin Template Site Map

1. Main Dashboard with QUICK ACCESS and MY TODO LIST
2. DashQ HRMS Admin Template
   • HR Dashboard
   • WFH Intelligence Hub
   • Employee list, Employee Profile, Employee Activity, Payslip
   • Leave Management
   • Active Job Postings, and Job Details
   • Candidate Pipeline jKanban Board
   • Interview Schedule, Upcoming Interviews
   • Attendance Analytics, Employee work Metrics
   • Employee Timesheet
3. DashQ Fintech Admin Template
   • Fintech Dashboard
   • Accounts & Wallets
   • Cards Management (Create New Card, Set Card Limits, Card Details in Modal Popup)
   • Payments & Transfers (Request Money, Send Money, Schedule Payment in Modal Popup)
   • Transactions List (Transaction Details open offcanvacs) and Sorting with Account bank
   • Investments & Assets
   • Loans & Credits (Loan Details, Apply New Loan, Loan Eligibility Checker)
   • Fintech Settings
4. DashQ CRM Admin Template
   • CRM Dashboard (Top Sales Representatives onclick open details)
   • Leads
   • Customers
   • Campaigns
   • Invoice Builder
   • Support Dashboard
5. DashQ Project Admin Template
   • Project Dashboard
   • Team Management Dashboard
   • Create Project
   • Project List
   • Project Details
   • Project wise task status jKanban board
   • File Manager
6. DashQ Event Admin Template
   • Event Dashboard
   • Create Event
   • Event List
   • Tickets
7. DashQ Podcast Admin Template
   • PodCast Dashboard
   • Episodes List
   • Episodes Analytics Dashboard
   • Subscribers and OnClick view Subscriber Details
   • Episode Comments
8. Store Analytics Dashboard
9. Support Dashboard
10. DashQ Job Feeds
11. My Profile
    • Profile details
    • My Project
    • My Teams
    • My Activity
    • Photo Gallery

    Profile Setting

    • Account Settings
    • Security
    • Billing & Plans
    • Notification
    • Connection
12. DashQ Ready UI App
    • AI Chat Boat
    • Video Call with Rightbar chat Collapsible and Expand full screen
    • Full Calendar
    • Inbox Page
    • Contact List and Details
    • File Manager
    • jKanban Board
    • Todo List
13. DashQ Authentication pages
    • Sign in v1
    • Sign in v2
    • Sign Up
    • 404 page
    • Forgot Paswword
    • Lock Screen
    • OTP Screen
    • Coming Soon page
14. DashQ Documentation
    • Getting Started
    • 15+ Starter Layouts
    • Template Cheatsheet
    • DashQ Template Examples like (Badges, Dropdowns, List groups, Pricing, and more)
    • Mega Menu Variants (6 Pre-Build Dropdown menu)
    • Widgets (Cards, Card Option, Charts, Tables)
    • Need a Help?
    • DashQ Admin Template Vendor List
      1. Charts,Chart.js
      2. Select2 Bootstrap
      3. DataTable
      4. Date Range Picker
      5. Dropify
      6. Inputmask
      7. jKanban Board
      8. Owl Carousel
      9. Sweetalert
      10. Tagsinput
      11. Sortablejs
      12. Quill editor
      13. Swiper
      14. jsvectormap
      15. Leaflet
      16. Step Wizard
15. DashQ Template Note: We Try to created a complete UI flow for page, including List, Detail, and Modal Popup Offcanvacs views.

Single Framework Architecture

Built with static HTML and Bootstrap 5, this template offers complete flexibility and can be easily integrated into any modern framework such as Angular, React, Vue, Next.js, Laravel and more.

Why DashQ?

• No rebuilds.
• No heavy CSS overrides.
• Just clean, scalable UI.
• SEO-optimized
• w3c valid code

15+ Ready-to-Use Starter Layouts

DashQ includes 15+ carefully crafted starter layouts to help you quickly set up dashboards for SaaS, CRM, analytics, and admin applications.

Performance-Focused Design

• Minimal custom CSS
• Maximum reuse of Bootstrap core
• Optimized assets
• Faster load time
• Clean DOM structure

Developer-Friendly Architecture

DashQ is built with Bootstrap, clean structure, reusable variables, minimal custom CSS, and well-commented code for faster development and easy scaling.

• Bootstrap Framework
• Well-commented, readable code
• Lightweight & fast rendering
• Easy customization & scaling

Ideal For and Multipurpose used

• SaaS Applications
• Admin Panels
• FinTech & Business Apps
• CRM Systems
• HR Management
• Project Management Tools
• Event Management
• Podcats Dashboards
• Analytics Dashboards

Support & Contact

We provide quick and friendly support for any technical issues or questions.

• Email: edggeui@gmail.com
• Response Time: Within 24 – 48 hours on business days
• Check Documentation: DashQ Documentation
• Browser Support: all latest Browser

Sources and Credits

Bootstrap, Bootstrap icon, cdn, ApexCharts, Swiper Slider, DataTable, Quill, Full Calendar, Google Fonts, Select2 Bootstrap, Date Range Picker, Dropify, Inputmask, Sweetalert, Tagsinput, Sortablejs, jsvectormap, Leaflet, jKanban, Owl Carousel

-- Version 1.0.0 ( 19 Jun, 2026 )
-- Initial Release
-- Bootstrap 5x

Note:

1. DashQ: This is an HTML template. It does not include backend or database functionality.
2. General: Images and videos are only for demo purposes and are not included in the download.
3. Plugin: All third-party plugins and framework packages used in this template are installed via (cdn jsdelivr) and are maintained by their respective authors. Each plugin has its own update cycle and support policy.

Developed with a scalable and developer-friendly architecture, Alloce helps teams build faster, maintain clean code, and ensure consistent UI across complex and growing applications. It provides a solid foundation that adapts easily from simple dashboards to large-scale enterprise systems.

Alloce includes a rich set of features such as 12+ ready-to-use Demos, Light & Dark modes, full RTL support, multi-language compatibility, and multiple layout and sidebar variations, giving you complete freedom to design interfaces that match your product needs.

With 282+ professionally designed pages, Alloce covers everything required to build a complete application — including dashboards, authentication flows, user management, settings, and utility pages. Every page is carefully crafted to ensure consistency, usability, and a polished user experience.

Optimized for performance and responsiveness, Alloce ensures a smooth experience across all devices, from desktops to mobile screens.

✨ Premium Features

• Built with Bootstrap v5.3.8
• Built with Vite v8.* for lightning-fast development
• 12+ Multiple Demos (Default, Minimal, Material, etc,.)
• Multiple Layouts Options ( Default, Modern, Horizontal, Semibox, etc,. )
• Multiple Colors
• Multiple Sidebar (Small, Medium, Large)
• 12+ Dashboard Pages
• 200+ Ready-to-Use Pages
• 15+ Application Pages
• Light, Dark & Black Modes: SCSS variables for instant switching
• Full RTL (Right-to-Left) support
• Easily switch Demos without breaking layout
• Mobile-First Responsive: Bootstrap 5 grid + custom breakpoints
• Easy to Customize with Scss
• User-Friendly Customization
• Optimized, Lightweight Codes
• Unlimited Template Possibilities
• Highly customizable without complexity
• Well Documentation
• Lifetime Free Updates

Use Cases

Alloce is perfect for:

• SaaS Applications
• Admin Panels
• CRM & Crypto Systems
• Analytics & Finance Dashboards
• Enterprise Back-Office Tools
• Startup Products

️ Modern Tech Stack

• Bootstrap
• Vite
• JavaScript (Vanilla)
• SCSS
• HTML
• CSS

What You Get

• Full source code
• 200+ ready-to-use pages
• UI components & layouts
• Documentation & setup guide
• Lifetime free updates

Why Choose Alloce?

Alloce is built for startups, agencies, and enterprise teams that need a reliable, scalable, and multi-purpose admin system.

• Designed for real-world applications
• Scalable architecture for long-term projects
• Clean, modern, and minimal UI
• Developer-friendly workflow
• Multi-purpose and flexible

Live Demos: https://alloce-bs.vercel.app/

Documentation: https://alloce-bs.vercel.app/docs/getting-started

Features:

• Using CodeIgniter
• Created using Bootstrap v5.3.3
• Easy customizations with extensive use of SCSS variables
• Clean and Intuitive Design
• Vertical and Dark Layouts
• Light, Dark and Navy Blue Sidebar
• Fully Documented
• 100+ Pages
• Multi Charts Library
• Error pages included
• Stylish pricing page
• 9000+ Font Icons

Components:

• All of Bootstrap components
• Icons
• Multiple Widgets
• Apex Charts
• Range Slider
• Spinner
• Advanced Datatables
• Dragula – Simple Drag and Drop
• Multiple File Uploads
• Quill Editor (Simple and Bubble Style)
• Google, Mapeal and Vector Maps

Apps:

• Calendar
• Chat
• File Manager
• Projects
• Invoice Management
• Task Management (Kanban Board Page)

Pages:

• Profile
• Starter Page
• FAQ
• Maintenance
• Timeline
• Pricing
• Notification
• Blogs
• Gallery

Auth Pages:

• Login
• Register
• Logout
• Recover Password
• Create Password
• Lock Screen

Error Pages:

• 404 Not Found
• 500 Internal Server

With its well-crafted design system, ultra-responsive layout, and developer-first approach, Opatix is perfectly suited for building SaaS platforms, custom admin panels, dashboards, CRM, CMS, LMS, fintech apps, and e-commerce backends. It provides a solid foundation to launch production-ready applications faster while maintaining flexibility for customization and scalability.

Opatix focuses on speed, usability, and maintainability, helping teams reduce development time and streamline workflows. Whether you are a solo developer or part of a growing team, Opatix ensures a smooth development experience with consistent UI patterns and reusable components.

Key Features:

• Built with CodeIgniter 4 & Tailwind CSS v4.1 (Preline)
• Easy customization using well-structured SCSS variables
• Modern, clean, and professional UI design
• Fully responsive layout across all modern browsers and devices
• Developer-friendly workflow
• 40+ ready-to-use pages
• 300+ reusable UI components
• Integrated charts library
• Google Material Icons support
• Iconify Icon Library

Pages Included:

• Dashboard
• Starter Page
• Calendar
• Contacts
• Tailwind Admin UI
• Typography
• Buttons
• Tabs & Accordions
• Modals
• Form Elements
• Quill JS Editor
• Basic Tables
• Charts
• Icons
• Vector Maps
• Blank Page

Browser Compatibility:

• Google Chrome (Windows, macOS, Linux)
• Mozilla Firefox (Windows, macOS, Linux)
• Safari (macOS)
• Microsoft Edge
• Other modern WebKit-based browsers