Welcome to Vestra
A premium, modern admin dashboard template built with Tailwind CSS. Fully responsive, dark mode ready, and beautifully crafted for your next project.
Getting Started
Vestra is a pure HTML + Tailwind CSS dashboard template. No build tools or frameworks required — just open the files in your browser or deploy to any static hosting.
Installation
Simply extract the
downloaded zip file and open index.html
in your browser. No dependencies, no build steps.
vestra-dashboard/ ├── index.html ← Main dashboard ├── marketplace.html ← Product marketplace ├── orders.html ← Order management ├── tracking.html ← Analytics tracking ├── customers.html ← Customer management ├── ledger.html ← Financial ledger ├── taxes.html ← Tax overview ├── settings.html ← Account settings ├── login.html ← Login page ├── register.html ← Registration page ├── forgot-password.html← Password recovery ├── 404.html ← Error page ├── documentation.html ← This page ├── Vestra.png ← Logo └── fav-Vestra.png ← Favicon
Pages Overview
Dashboard
Main analytics overview with charts, KPIs, and recent activity
Marketplace
Product grid with filters, search, and add-to-cart functionality
Orders
Order table with status badges, filters, and detail modals
Tracking
Traffic analytics, visitor stats, and traffic source breakdown
Customers
Customer directory with profiles, activity, and management
Ledger
Financial transactions with categories, filtering, and export
Settings
Profile, security, appearance, and notification preferences
Auth Pages
Login, Register, Forgot Password & 404 error page
Customization
Changing Primary Color
Update the Tailwind config in
each HTML file's <script>
tag:
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#6366F1', // Change this
'primary-hover': '#4F46E5', // Darker shade
}
}
}
}
Changing the Font
Replace Plus Jakarta Sans
in both the Google Fonts link and the Tailwind config's fontFamily
section.
Replacing the Logo
Replace Vestra.png
and fav-Vestra.png
with your own logo and favicon files. Keep the same filenames or update the
references in all HTML files.
Dark Mode
Vestra uses Tailwind's
class
strategy for dark mode. The user's preference is saved in localStorage
and respects the system preference on first visit.
Every page includes a dark mode
toggle in the sidebar. Use the dark: prefix in
Tailwind classes to style dark variants.
Responsive Design
All pages are fully responsive with mobile-first breakpoints. The sidebar collapses into a slide-over menu on mobile, tables switch to card layouts, and grids adapt from 1 to 4 columns.
Mobile
Tablet
Desktop
Credits & License
Tailwind CSS
Utility-first CSS framework
Chart.js
Simple & flexible charts
Plus Jakarta Sans
Google Fonts typography
UI Avatars
Generated avatar images
License: This template is licensed under the standard marketplace license. You may use it for personal and commercial projects, but redistribution of the source files is not permitted.
Need Help?
If you have any questions or need support, feel free to reach out. We're happy to help!
Contact Support