Thank you for purchasing Clivax - Laravel 11 Admin & Dashboard Bootstrap Template.
Clivax is built with Bootstrap v5.3.3 & Laravel 11 in HTML, SCSS with responsive with all devices and supported with Dark, light, RTL modes. You can change mode very quickly by doing a single change. It has many features like one to one chat, group chat, contact, send files, online users, read and unread new messages from users, authentication pages and many more.
├── Admin
├── app
├── bootstrap
├── config
├── database
├── public
├── resources
├── fonts
├── images
├── js
└── scss
├── custom
├── _variables.scss
├── _variables-dark.scss
├── app.scss
├── bootstrap.scss
└── icons.scss
├── views
├── partials
├── footer.blade.php
├── head-css.blade.php
├── master.blade.php
├── master-without-nav.blade.php
├── master-without-page-title.blade.php
├── right-sidebar.blade.php
├── sidebar.blade.php
├── topbar.blade.php
└── vendor-scripts.blade.php
└── all blade pages
├── routes
├── storage
├── tests
├── .editorconfig
├── .env
├── .env.example
├── .gitattributes
├── .gitignore
├── artisan
├── composer.json
├── composer.lock
├── package.json
├── package-libs-config.json
├── package-lock.json
├── phpunit.xml
├── README.md
└── vite.config.js
Clivax Laravel is a fully featured premium admin dashboard template built with Bootstrap v5.3.3 and Laravel 11. Please follow below steps to install and setup all prerequisites:
Please follow below steps to install and setup all prerequisites:
Make sure to have the Xampp/Wampp installed & running in your computer. If you already have installed Xampp/Wampp on your computer, you can skip this step.
Make sure to have the Composer installed & running in your computer.
Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 22. We suggest you to use LTS version of Node.js.
Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.
To setup the admin theme, follow below-mentioned steps:
Make sure to have all above prerequisites installed & running on your computer
After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:
| Command | Description |
|---|---|
npm install
|
This would install all the required dependencies in
the node_modules folder.
|
composer install
|
command to install all of the framework's dependencies. |
npm run build
|
To compile assets file like CSS and will copy all images and other folders into the public directory. Run this command to get minify output for the production server. |
npm run build-rtl
|
To Generate RTL From LTR. |
php artisan serve
|
The development server is accessible at http://localhost:8000. To run on other port just run command : php artisan serve --port=8001 |
To have light mode enabled, Keep your body element with data attribute
data-bs-theme="light" in the views/partials/master.blade.php
E.g. <body data-bs-theme="light"> to
have Light layout.
To have dark mode enabled, Keep your body element with data attribute
data-bs-theme="dark" in the views/partials/master.blade.php
E.g. <body data-bs-theme="dark"> to
have Dark layout.
To have rtl mode enabled, replace the reference of
bootstrap.min.css to
bootstrap-rtl.min.css and
app.min.css to
app-rtl.min.css in the views/partials/head-css.blade.php.
Also add dir="rtl" in the html tag. e.g <html dir="rtl">
We've used the following images, files or other plugins URL, Licenses as listed.
| NAME | URL | LICENSE |
|---|---|---|
| Bootstrap | https://getbootstrap.com/ | MIT |
| Unsplash - Images | https://unsplash.com/ | MIT |
| Apexcharts | https://apexcharts.com/ | MIT |
| Choices js | https://github.com/Choices-js/Choices | MIT |
| Dropzone | https://www.dropzone.dev/js/ | MIT |
| Flatpicker | https://flatpickr.js.org/ | MIT |
| Full Calendar | https://fullcalendar.io/ | MIT |
| Gmaps | https://hpneo.dev/gmaps/examples.html | MIT |
| Jsvectormap | https://github.com/themustafaomar/jsvectormap | MIT |
| Moment | https://momentjs.com/ | MIT |
| Simplebar | https://grsmto.github.io/simplebar/ | MIT |
| Sweetalert 2 | https://sweetalert2.github.io/ | MIT |
| Swiper | https://swiperjs.com/ | MIT |
| Toastify js | https://apvarun.github.io/toastify-js/ | MIT |