Hyper Bootstrap Dashboard Template

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 support@coderthemes.com.
• Framework samples — Angular, Laravel, and Django sample projects integrating Hyper are provided on request via fazeel.k.khalid@gmail.com.

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 support@coderthemes.com.

Are there sample integrations with backend frameworks?

Yes, Angular, Laravel, and Django sample projects with Hyper integrated are available by emailing fazeel.k.khalid@gmail.com.

Does it include a landing page?

Yes, a one-page landing page is included among the template's pages.