Support, all rights reserved. 2018 ©

Getting started

Hyrax UX is fully responsive bootstrap admin template for your complete need.


Bootstrap Framework

Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.

Easily customizable

The internet is society’s true equalizer. It gives voices to the masses, as people from across the world can now express their opinions and ideals. Not since the industrial revolution, has humanity experienced such a game-changing invention.


HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web.

Responsive layout

Let this collection of responsive designed websites across a variety of website types help get your creative and developer juices flowing. Each site features a screenshot across 4 device widths and you can see the media queries.

Integrated plugins

You can enable one or more of the integrated plugins to extend the functionality of your admin template. The integrated plugins are custom plugins.

Most advanced

Earum dignissimos odit, cumque impedit magnam nemo sint. Officiis iste expedita ad ipsum est dicta ut ex, ab quidem nobis.

What's included

  • plugins/assets/
    • css/
      • animate.css
      • bootstrap.min.css
      • mega-menu.css
      • fancy-dropdown.css
      • filter.css
      • fancy-buttons.css
      • spinners.css
      • icons.css
      • lightgallery.css
      • basic.css
      • basic-admin.css
      • default.css
      • main.css
      • responsive.css
      • media-queries.css
    • plugins/assets/css/font-icons/
      • dripicons.css
      • font-awesome.min.css
      • materialdesignicons.min.css
      • pe-icon-7.css
      • pe-icon-7-set1.css
      • pe-icon-7-set2.css
      • typicons.css
    • plugins/assets/img/
      • logo.png
      • logo-dark.png
      • ...More
    • js/
      • ...All plugins init JS
    • plugins/vendors/bower_components/
      • ...All plugins JS
    • index.html

File structure

Let's talk about what's inside the package.

Docs file hierarchy
  • Expand all
  • Collapse all
  • assets/css - All plugins stylesheet cover under css/ folder
    • default.css - Mash able custom made css must required for all the files
    • responsive.css - responsive layout included media queries
    • ...more - more css files listed under css folder
  • assets/icon - Internal Icon font's required stylesheet and font cover under icon/ folder
    • flag-icon.css
    • icofont.css
    • themify.css
    • ico-fonts.css
    • ion-icon.css
    • material-design.css
    • simple-line-icons.css
    • ....more
  • plugins/assets/img - Required images cover under images/ folder
    • logo.png
    • logo-dark.png
    • ...more
  • plugins/assets/js - Hyrax UX required javascript files cover under js/ folder
    • INIT Js
  • plugins/vendors/bower_components Page wise custom javascript cover under pages/ folder.
    • All Plugins
  • index.html - quis cum ratione laboriosam ducimus iure voluptates quaerat si

Theme Options

Light Theme Default Theme Dark Theme Boxed Theme
Add this class for respective choice of theme
<div class="wrapper light-theme"></div>
<div class="wrapper light-theme dark-template"></div>
<div class="wrapper light-theme wrapper-boxed"></div>

CSS Classes Reference

Extra small devices Phones (<768px) Small devices Tablets (≥768px) Medium devices Desktops (≥992px) Large devices Desktops (≥1200px)
Grid behavior Horizontal at all times Collapsed to start, horizontal above breakpoints
Max container width None (auto) 750px 970px 1170px
Class prefix .col-xs- .col-sm- .col-md- .col-lg-
# of columns 12
Max column width Auto 60px 78px 95px
Gutter width 30px (15px on each side of a column)
Nestable Yes
Offsets Yes
Column ordering Yes


Plugins Name Plugins page use Link
Bootstrap Checkbox View Resource
Calender View Resource
Bootstrap Datepicker View Resource
Bootstrap daterangepicker View Resource
Clockpicker View Resource
Data Table View Resource
chart.js View Resource
Dropify View Resource
ChartJS View Resource
Morris Charts View Resource
Flot Charts View Resource
Sparkline Charts View Resource
Peity Charts View Resource
Range Sliders View Resource
Owl Carousel View Resource
Summernote Forms View Resource
Chatbox App View Resource
Scrollbars View Resource
Form Wizards View Resource
X Editable Forms View Resource
Masking Forms View Resource
Foo Tables View Resource
JSgrid Tables View Resource
Editable Tables View Resource
Vector Maps View Resource
Google Map View Resource
Printable Invoice View Resource
Timeline View Resource

Bitcoin Price Chart Live Widgets

For Dark Themed chart, use the below Code and place at your desired location

<div class="btcwdgt-chart"></div>

For Light Themed chart, use the below Code and place at your desired location

<div class="btcwdgt-chart" bw-theme="light"></div>

Place the following script at the bottom of page

<script src="plugins/assets/js/stock-chart.init.js"></script>
<script src="plugins/assets/js/bitcoin-init.js"></script>

Browser support

Specifically, we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 9+. More specific support information is provided below.

  • Safari

  • Opera

  • FireFox

  • IE 9+

Version Change Log

Detailed version change log describe below.