Live previewHTML Dashboard UI Templates36 dashboard screens in plain HTML & CSS, free
36 dashboard screens in plain HTML and CSS, each one a single file: app shell overview, empty states, billing and usage, project timeline gantt, delivery fleet tracker, server monitoring, kitchen display screen, hiring pipeline and more. Responsive, accessible and free for personal and commercial use.
- 36 screens: app shell, table, charts, settings, kanban, calendar, billing, team, inbox and more
- Working sort, filter, bulk select, tooltips, tabs, drag-and-drop and notifications
- Plain HTML, CSS and vanilla JavaScript with SVG charts, no libraries
- Designs
- 36
- Built with
- HTML & CSS
- Licence
- Free, commercial use
- Updated
- Oct 2026
- Free for client projects
- Plain HTML & CSS, no frameworks
- Responsive down to 390px
- Copy, paste and rebrand in minutes
What's inside: 36 designs
See all 36What's inside
All dashboards templates 36 designs in this pack
Click any design to open its live preview, then check it at desktop, tablet and phone sizes.
Live preview
Live previewData table
Live previewAnalytics charts
Live previewSettings page
Live previewEmpty states
Live previewNotifications panel
Live previewKanban board
Live previewCalendar week view
Live previewBilling and usage
Live previewTeam members
Live previewInbox split view
Live previewBookings dashboard
Live previewProject timeline gantt
Live previewBudget overview
Live previewHelpdesk ticket queue
Live previewInventory and reorders
Live previewDelivery fleet tracker
Live previewClinic patient queue
Live previewMarketing funnel and channels
Live previewFile manager
Live previewServer monitoring
Live previewSales leaderboard
Live previewPeople directory and org chart
Live previewTeacher gradebook
Live previewKitchen display screen
Live previewHotel room status grid
Live previewOrder detail and refund
Live previewRevenue and retention
Live previewHiring pipeline
Live previewSmart home energy
Live previewContent calendar
Live previewProperty listings performance
Live previewSurvey results
Live previewInvestment portfolio
Live previewEvent ticket sales and check in
Live previewExpense approvals
How to use
From download to live in three steps
- Download the packClick Download free above and the zip downloads straight away. Unzip it and open index.html to see every design.
- Copy the design inPaste its HTML into your page and its CSS into your stylesheet. Copy the small script too if it has one.
- Make it yoursChange the colour and font variables at the top of the CSS, then swap in your own text, links and images.
Reviews
Customer reviews
Only people who bought or downloaded it can leave a review, from their account page.
Reply from the maker
FAQ
Common questions
Can I use it for client work?
Yes. It's free for personal and commercial projects, including client sites. Just don't resell the pack itself.
Do I need Tailwind, Bootstrap or a build step?
No. Each design is plain HTML and CSS with a few lines of JavaScript where needed.
Do I need a chart library for the charts?
No. Every chart is inline SVG. The line chart tooltip is about fifteen lines of JavaScript.
Can I use these in a React or Vue app?
Yes. The markup and CSS port directly into components; replace the small vanilla scripts with your framework's state.
Do the charts use a library?
No. Charts, gauges and maps are inline SVG, so they load instantly and you can restyle them with CSS. Swap in a chart library if you need live data.
Can I connect these screens to my API?
Yes. Replace the sample rows and arrays in each file with data from your backend; the interactions keep working.
What does the licence allow?
Use it on unlimited websites, your own and your clients', and change anything. You just can't resell or share the files themselves. See the licence.
Get HTML Dashboard UI Templates
36 designs, free for personal and commercial projects.
More products
