Panelo is a feature-packed, modern admin dashboard HTML template built with Tailwind CSS v4. With 3 unique layouts, 142+ HTML pages, and full dark mode support, Panelo gives you everything you need to build powerful web applications, SaaS platforms, CRM tools, eCommerce backends, and more — right out of the box.
Designed with pixel-perfect precision in every detail, Panelo features premium typography (Clash Display + Plus Jakarta Sans), a modular CSS architecture, and a clean, scalable codebase. No frameworks required — just pure HTML, Tailwind CSS, and minimal JavaScript.
Why Choose Panelo?
- 3 Complete Dashboard Layouts — Classic Sidebar, Modern Compact, and Top Navigation. Each layout ships with the full set of 43+ inner pages.
- 142+ HTML Pages — Every page you could ever need for an admin panel, SaaS app, or web application. No blank pages or coming-soon placeholders.
- Built with Tailwind CSS v4 — The latest version with the new Oxide engine, CSS-first configuration via @theme, and blazing-fast build times.
- Full Dark Mode — Toggle between light and dark with a single CSS class. Every component, every page, every layout is fully covered.
- Fully Responsive — Pixel-perfect on desktop, tablet, and mobile. Tested across all major screen sizes and browsers.
- No Build Step Required — The compiled CSS is included. Open any HTML file in your browser and start working immediately.
- Premium Typography — Clash Display for bold, modern headings and Plus Jakarta Sans for clean, highly legible body text. Both fonts are bundled.
- Modular CSS Architecture — Tailwind source split into organized files (theme, base, utilities, backgrounds, masks, shadows, scrollbars) for easy customization.
- Self-Hosted Assets — All fonts, icons, and libraries are included locally. Zero CDN dependencies. Works fully offline.
- Clean, Well-Organized Code — Consistent file naming, logical folder structure, and readable markup throughout.
- Comprehensive Documentation — Detailed documentation page included covering installation, customization, file structure, components, and more.
3 Dashboard Layouts
Every layout is a complete, standalone dashboard experience with its own navigation structure:
- Layout 1 — Classic Sidebar: Full-width left sidebar with expandable navigation groups. The most widely-used admin panel pattern, ideal for feature-rich applications.
- Layout 2 — Modern Compact: Slim, icon-based sidebar that expands on hover. Maximizes content area while keeping navigation accessible.
- Layout 3 — Top Navigation: Horizontal top bar navigation with dropdown menus. Clean and minimal, perfect for simpler dashboards and SaaS apps.
43+ Unique Page Types
Each of the 3 layouts includes a complete set of the following pages:
Dashboards and Analytics
- Main Dashboard
- Analytics Dashboard
- CRM Dashboard
- eCommerce Dashboard
- Widgets
Applications
- AI Chat — Modern conversational AI interface
- Chat / Messaging
- Email Inbox
- Calendar
- Kanban Board
- File Manager
- Todo List
eCommerce
- Products List
- Product Detail
- Orders List
- Order Detail
- Shopping Cart
- Checkout
- Customers List
- Customer Detail
- Invoice
- Wallet
Project Management
- Projects List
- Project Overview
- Tasks
- Team Members
Support and Helpdesk
- Tickets List
- Ticket Detail
- Messages
Content and Blog
- Blog Posts
- Blog Detail
- FAQ
User Management
- Users List
- Roles and Permissions
- User Profile
- Account Settings
Additional Pages
- Pricing Plans
- Reviews
- Favorites
- Downloads
- Notifications
- Integrations
- Address Management
- Two-Factor Authentication
Standalone Pages (8 pages, no layout wrapper)
- Login (2 variants)
- Registration
- Forgot Password
- Error 404
- Coming Soon
- Lock Screen
- Maintenance
Tech Stack
| Technology | Details |
|---|---|
| Tailwind CSS | v4.0 — Latest version with Oxide engine and CSS-first @theme config |
| jQuery | v3.7.1 — Lightweight DOM manipulation for UI interactions |
| Swiper.js | Touch-enabled carousels, sliders, and mobile gestures |
| Select2 | Enhanced, searchable select dropdowns |
| Toastify.js | Elegant toast notification system |
| Clash Display | Premium geometric display font for headings |
| Plus Jakarta Sans | Variable weight sans-serif for body text |
Key Features at a Glance
- 3 Unique Dashboard Layouts
- 142+ HTML Pages
- 43+ Unique Page Types
- Tailwind CSS v4 (Latest)
- Full Dark Mode (Every Page)
- Fully Responsive Design
- No Build Step Required
- Clean, Semantic HTML5
- Premium Web Fonts (Clash Display + Plus Jakarta Sans)
- Modular CSS Architecture
- AI Chat Page
- eCommerce Pages (Products, Cart, Checkout, Orders, Invoice)
- CRM Dashboard
- Project Management (Projects, Tasks, Teams)
- Kanban Board
- Calendar
- File Manager
- Email Inbox
- Chat / Messaging
- Blog System
- User Management (Users, Roles, Profile, Settings)
- Support Ticket System
- Authentication Pages (Login, Register, Forgot Password)
- Utility Pages (404, Coming Soon, Lock Screen, Maintenance)
- Pricing Plans Page
- Invoice Template
- Wallet / Payments
- Two-Factor Authentication
- Notification Center
- Integrations Page
- Reviews and Ratings
- Favorites / Bookmarks
- Downloads Center
- Address Management
- FAQ Section
- Swiper.js Carousels
- Select2 Dropdowns
- Toastify Notifications
- jQuery 3.7.1
- Custom Scrollbar Styling
- CSS Mask and Background Utilities
- Self-Hosted Assets (No CDN)
- Works Offline
- Cross-Browser Compatible
- Well-Documented
- Easy to Customize
- Developer Friendly
Framework Ready
Panelo is built with pure HTML and Tailwind CSS, making it easy to integrate with any framework or backend:
- React / Next.js
- Vue / Nuxt
- Angular
- Laravel / PHP
- Django / Python
- Ruby on Rails
- ASP.NET
- Any static site generator
What You Get
- All HTML source files (142+ pages)
- Compiled CSS (ready to use, no build step needed)
- Tailwind CSS v4 source files (for customization)
- All JavaScript files
- All fonts (self-hosted)
- All images and assets
- Comprehensive documentation
- Free updates
- Dedicated support
Browser Support
- Google Chrome (latest)
- Mozilla Firefox (latest)
- Apple Safari (latest)
- Microsoft Edge (latest)
- Opera (latest)
Credits
- Tailwind CSS — MIT License
- jQuery — MIT License
- Swiper.js — MIT License
- Select2 — MIT License
- Toastify.js — MIT License
- Clash Display — Free for personal and commercial use
- Plus Jakarta Sans — SIL Open Font License
Support
If you have any questions, issues, or need help getting started, please do not hesitate to reach out through the item support tab. We typically respond within 24-48 business hours.
If you enjoy Panelo, a 5-star rating would be greatly appreciated and helps us continue developing high-quality templates.
Changelog
Version 1.0.0 — February 25, 2026 - Initial release
