Hyper is a free, feature-rich dashboard and admin web UI kit built on Bootstrap 5, providing HTML/CSS/JS templates for SaaS interfaces, admin panels, CRM, CMS, and e-commerce backends. Developed by CoderThemes, the template is distributed for free in both Bootstrap 4 and Bootstrap 5 versions, and the repository includes demo folders for 8 distinct themes.
What is Hyper Bootstrap Dashboard Template?
Hyper is a frontend-only admin template developed by CoderThemes, distributed in both Bootstrap 4 and Bootstrap 5 editions. It ships as static HTML, CSS, and JavaScript files — with no backend or database dependency — so you can integrate it into any server-side project or use it standalone. The template outputs a complete set of responsive pages and UI components for building web application interfaces, including sample dashboards, project and task management, e-commerce, email, chat, social feed, and file manager pages.
Key Features
- Bootstrap 5.1.3 foundation — every page and component is built on the latest Bootstrap release, with a parallel Bootstrap 4 version also available.
- SCSS customization — extensive use of SCSS variables makes it easy to restyle the theme without modifying source markup.
- Gulp and webpack tooling — a Gulp workflow and a vanilla JS/webpack build are both provided for development and production compilation.
- Landing page included — a one-page marketing layout ships with the template.
- Multiple layout options — vertical, horizontal, and detached sidebar layouts, each with light, dark, and default sidebars; vertical and horizontal layouts also support boxed (fixed-width) mode.
- Ready-made apps — calendar, projects (list/detail/create/Gantt), tasks (list/kanban/modals), e-commerce pages (product listing, cart, checkout), email (inbox/detail/compose), chat, social feed, and file manager.
- Rich page set — sample dashboards, profile, invoice, FAQ, timeline, pricing, maintenance, login/register/logout/recover-password/lock-screen/confirm-mail (two variations each), plus error 404 and 500 pages.
- UI components — all Bootstrap components, icons, widgets, toast notifications, Chartjs/Brite/Apex charts, Select2, date range picker, input mask, wizard, timepicker, spinner, max length validator, advanced datatables, Dragula drag-and-drop, multi-file upload, WYSIWYG editors (Quill and SimpleMDE), and Google/vector maps.
- Documentation — each component is documented with examples and code blocks.
- Complimentary design files — PSD and Sketch files are available by contacting [email protected].
- Framework samples — Angular, Laravel, and Django sample projects integrating Hyper are provided on request via [email protected].
Who is it for?
- Frontend developers — need a pre-built admin interface to integrate with any backend framework.
- SaaS startups — want a quick dashboard for their product without hiring a designer.
- Agencies — use the e-commerce, email, chat, and project management pages to assemble client portals.
- Freelancers — leverage the Gulp/webpack tooling to prototype admin panels faster.
What can you do with it?
- Product teams: assemble a SaaS analytics dashboard with the sample dashboards, Chartjs/Brite/Apex charts, and toast notifications.
- E-commerce developers: use the included product listings, product detail, order, cart, checkout, and seller pages to build a store backend.
- Project managers: adopt the projects and tasks apps (list, Gantt, kanban) to create an internal workflow tool.
- Support teams: wire up the FAQ, invoice, profile, and file manager pages for a customer portal.
Pricing
Hyper is free. Both Bootstrap 4 and Bootstrap 5 versions are distributed as a free template, and design files and framework samples are provided as complimentary extras on request.
FAQ
Is Hyper free to use?
Yes, both the Bootstrap 4 and Bootstrap 5 versions of Hyper are offered free, and the readme also provides complimentary PSD/Sketch design files and Angular/Laravel/Django sample projects on request.
What frontend stack does it use?
It uses HTML, CSS, JavaScript, and Bootstrap 5.1.3, with SCSS for customization. Build automation is handled through Gulp, and a vanilla JS/webpack build is also available.
Can I get the design files?
The readme says PSD and Sketch files are provided as complimentary with Hyper when you contact [email protected].
Are there sample integrations with backend frameworks?
Yes, Angular, Laravel, and Django sample projects with Hyper integrated are available by emailing [email protected].
Does it include a landing page?
Yes, a one-page landing page is included among the template's pages.
