PHPackages backpack/theme-coreuiv2 - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. backpack/theme-coreuiv2 ActiveLibrary[Templating & Views](/categories/templating) backpack/theme-coreuiv2 ======================= UI that uses CoreUI v2 and Bootstrap v4, provided as a legacy theme for Backpack v6. 2.0.2(5mo ago)5278.4k↓13.5%4[1 issues](https://github.com/Laravel-Backpack/theme-coreuiv2/issues)[1 PRs](https://github.com/Laravel-Backpack/theme-coreuiv2/pulls)MITBlade Since May 19Pushed 4mo ago1 watchersCompare [ Source](https://github.com/Laravel-Backpack/theme-coreuiv2)[ Packagist](https://packagist.org/packages/backpack/theme-coreuiv2)[ Docs](https://github.com/backpack/theme-coreuiv2)[ RSS](/packages/backpack-theme-coreuiv2/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (3)Versions (23)Used By (0) Theme CoreUI v2 =============== [](#theme-coreui-v2) [![Latest Version on Packagist](https://camo.githubusercontent.com/58be6bdc0933c29857f8fd08d834fe4e047be0d1703411de6057c6326f3bd046/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6261636b7061636b2f7468656d652d636f7265756976322e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/backpack/theme-coreuiv2)[![Total Downloads](https://camo.githubusercontent.com/ba526c67cb95ccc468150ddf0667c45f96f1866c974067a826f12a779b57753a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6261636b7061636b2f7468656d652d636f7265756976322e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/backpack/theme-coreuiv2)[![The Whole Fruit Manifesto](https://camo.githubusercontent.com/9fc65ecdd629dc33c369f73e0bc051740f01647367c131a574577fea2a5678bb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f77726974696e672532307374616e646172642d74686525323077686f6c6525323066727569742d627269676874677265656e)](https://github.com/the-whole-fruit/manifesto) This package provides a Theme for the [Backpack for Laravel](https://backpackforlaravel.com/) administration panel, that uses CoreUI v2 and implicitly Bootstrap v4. As a UI (aka UI kit, aka admin panel template) it looks and works as seen on - as it is a customized version of CoreUI v2. It has been launched in 2021 as part of Backpack's core. In 2023 it has been sparated into this package, as a way to provide 100% backwards-compatibility, for whoever doesn't want to upgrade to the newer themes, like CoreUI v4 and Tabler. Why would anybody NOT want to upgrade? Well... because some developers: - have to support IE; and while Bootstrap v5 is better in every way... it does drop support for IE; - have customized their blade files so much, that it's impossible to upgrade; If you're one of the developers above, fear not... this package offers a way for you to upgrade your project to Backpack v6... while not rocking the boat too much. Please keep in mind we DO NOT plan to add any more features to this theme. It's just here as a crutch for people who can't upgrade. Screenshots ----------- [](#screenshots) [![CleanShot 2023-06-30 at 18 19 46](https://private-user-images.githubusercontent.com/1032474/250128343-6b8892cd-97c2-453b-aff4-90da092c5268.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NDA3ODYsIm5iZiI6MTc3NDY0MDQ4NiwicGF0aCI6Ii8xMDMyNDc0LzI1MDEyODM0My02Yjg4OTJjZC05N2MyLTQ1M2ItYWZmNC05MGRhMDkyYzUyNjgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDMyNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjAzMjdUMTk0MTI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTA0YmJhZGNhZjU0ZjNiZDBjNWU2NWI3NWVmZDY3MzE5NGFhOWQ2MzkwMjM1ODhhNGNjMjQwZjc0Y2E1ZTQyZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.VtiMqrlr3J1M1tx6Lfud-oID8P-hzLmUR1QEltnMI8M)](https://private-user-images.githubusercontent.com/1032474/250128343-6b8892cd-97c2-453b-aff4-90da092c5268.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ2NDA3ODYsIm5iZiI6MTc3NDY0MDQ4NiwicGF0aCI6Ii8xMDMyNDc0LzI1MDEyODM0My02Yjg4OTJjZC05N2MyLTQ1M2ItYWZmNC05MGRhMDkyYzUyNjgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDMyNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjAzMjdUMTk0MTI2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTA0YmJhZGNhZjU0ZjNiZDBjNWU2NWI3NWVmZDY3MzE5NGFhOWQ2MzkwMjM1ODhhNGNjMjQwZjc0Y2E1ZTQyZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.VtiMqrlr3J1M1tx6Lfud-oID8P-hzLmUR1QEltnMI8M) Installing ---------- [](#installing) ### Automatic installation [](#automatic-installation) Because this a 1st party theme, you can quickly install it using ``` php artisan backpack:require:theme-coreuiv2 ``` Alternatively, follow the manual installation process below. Manual installation ------------------- [](#manual-installation) **Step 1.** Install via Composer ``` composer require backpack/theme-coreuiv2 ``` **Step 2.** Go to `config/backpack/ui.php` and change your view namespace: ``` - 'view_namespace' => 'backpack::', + 'view_namespace' => 'backpack.theme-coreuiv2::', ``` **Step 3. (Optional)** Publish the theme config file: ``` php artisan vendor:publish --tag="theme-coreuiv2-config" ``` Uninstalling ------------ [](#uninstalling) To uninstall this Backpack theme: 1. Remove the composer package. Eg. `composer remove backpack/theme-coreuiv2` 2. Delete the config file. Eg. `rm -rf config/backpack/theme-coreuiv2.php` 3. Install a new theme (eg. `php artisan backpack:require:theme-coreuiv4`) or change the `view_namespace` in `config/backpack/ui.php` to the theme you want to be active. Overriding ---------- [](#overriding) If you need to change a blade file in any way, you can easily copy-paste the file to your app, and modify that file any way you want. If you do that to the correct directory, your file will be used instead of the one in the package. But please keep in mind that you will NOT be getting any updates for that file. The more files you copy-paste and customize, the more difficult it will be to upgrade to newer versions. So please avoid doing this too much. ``` # create the custom directory if it's not already there mkdir -p resources/views/vendor/backpack/theme-coreuiv2 # copy the blade file inside the folder we created above cp -i vendor/backpack/theme-coreuiv2/src/resources/views/dashboard.blade.php resources/views/vendor/backpack/theme-coreuiv2/dashboard.blade.php ``` Customizing ----------- [](#customizing) In `config/backpack/theme-coreuiv2.php` you'll notice there are variables where you can change exactly what CSS classes are placed on the HTML elements that represent the header, body, sidebar and footer: ``` // Horizontal navbar classes. Helps make the admin panel look similar to your project's design. 'header_class' => 'app-header bg-light border-0 navbar', // Try adding bg-dark, bg-primary, bg-secondary, bg-danger, bg-warning, bg-success, bg-info, bg-blue, bg-light-blue, bg-indigo, bg-purple, bg-pink, bg-red, bg-orange, bg-yellow, bg-green, bg-teal, bg-cyan // You might need to add "navbar-dark" too if the background color is a dark one. // Add header-fixed if you want the header menu to be sticky // Body element classes. 'body_class' => 'app aside-menu-fixed sidebar-lg-show', // Try sidebar-hidden, sidebar-fixed, sidebar-compact, sidebar-lg-show // Sidebar element classes. 'sidebar_class' => 'sidebar sidebar-pills bg-light', // Remove "sidebar-transparent" for standard sidebar look // Try "sidebar-light" or "sidebar-dark" for dark/light links // You can also add a background class like bg-dark, bg-primary, bg-secondary, bg-danger, bg-warning, bg-success, bg-info, bg-blue, bg-light-blue, bg-indigo, bg-purple, bg-pink, bg-red, bg-orange, bg-yellow, bg-green, bg-teal, bg-cyan // Footer element classes. 'footer_class' => 'app-footer', ``` Our default design might not be pleasant for your, or you might need to make the UI integrate better into your project. We totally understand. You can use the classes above to make it look considerably different. You'll find a few examples below - but you should use which classes you want to get the result you need. [](ui-with-dark-sidebar) #### Backstrap [](#backstrap) Transparent top menu, transparent sidebar, transparent footer. This is the default. This is what *we* think is best for most users, from our 8+ years of experience building admin panels. Prioritising *content* over *menus*. [![Backstrap design](https://camo.githubusercontent.com/72934d927b0629cf7021ded91db4eefe1fcae52632513578a54e3f0743b81c52/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f64656661756c742e706e67)](https://camo.githubusercontent.com/72934d927b0629cf7021ded91db4eefe1fcae52632513578a54e3f0743b81c52/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f64656661756c742e706e67) ``` 'header_class' => 'app-header bg-light border-0 navbar', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar sidebar-pills bg-light', 'footer_class' => 'app-footer', ``` [](inspired-by-coreui) #### Inspired by CoreUI [](#inspired-by-coreui) White top menu, dark sidebar. [![CoreUI design](https://camo.githubusercontent.com/61339dd734bf7410914d3c014f59d038201056963854440fa5108f01afaeda15/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f636f726575692e706e67)](https://camo.githubusercontent.com/61339dd734bf7410914d3c014f59d038201056963854440fa5108f01afaeda15/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f636f726575692e706e67) ``` 'header_class' => 'app-header navbar', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar', 'footer_class' => 'app-footer d-none', ``` [](inspired-by-github) #### Inspired by GitHub [](#inspired-by-github) Black top menu, white sidebar. [![CoreUI design](https://camo.githubusercontent.com/c81054edb38634deea8869773965da147a07e9a6f4e3d94a864db60bc9ae4985/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f6769746875622e706e67)](https://camo.githubusercontent.com/c81054edb38634deea8869773965da147a07e9a6f4e3d94a864db60bc9ae4985/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f6769746875622e706e67) ``` 'header_class' => 'app-header bg-dark navbar', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar bg-white sidebar-pills', 'footer_class' => 'app-footer d-none', ``` [](blue-top-menu) #### Blue Top Menu [](#blue-top-menu) Blue top menu, dark sidebar. [![Construction or warning design](https://camo.githubusercontent.com/f5638646a63bace7c99742cba674f27f74bfd320fff134fa621a3afe3462c27b/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f626c75652e706e67)](https://camo.githubusercontent.com/f5638646a63bace7c99742cba674f27f74bfd320fff134fa621a3afe3462c27b/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f626c75652e706e67) ``` 'header_class' => 'app-header navbar navbar-color bg-primary border-0', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar', // add "bg-white sidebar-pills" for light sidebar 'footer_class' => 'app-footer d-none', ``` [](inspired-by-contruction) #### Construction / Warning [](#construction--warning) Yellow top menu, dark sidebar. [![Construction or warning design](https://camo.githubusercontent.com/dae3a83776065658605d0a7e96afa85fcb8da68baf44e31c922f37bcb3e641fb/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f636f6e737472756374696f6e2e706e67)](https://camo.githubusercontent.com/dae3a83776065658605d0a7e96afa85fcb8da68baf44e31c922f37bcb3e641fb/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f636f6e737472756374696f6e2e706e67) ``` 'header_class' => 'app-header navbar navbar-light bg-warning', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar', // add "bg-white sidebar-pills" for light sidebar 'footer_class' => 'app-footer d-none', ``` [](red-top-menu) #### Red Top Menu [](#red-top-menu) Red top menu, dark sidebar. [![Construction or warning design](https://camo.githubusercontent.com/7b5169bbe12c328c11c28e46defbb4d23861d859e7265529f69d8c05112d8bad/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f7265642e706e67)](https://camo.githubusercontent.com/7b5169bbe12c328c11c28e46defbb4d23861d859e7265529f69d8c05112d8bad/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f7265642e706e67) ``` 'header_class' => 'app-header navbar navbar-color bg-error border-0', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar', // add "bg-white sidebar-pills" for light sidebar 'footer_class' => 'app-footer d-none', ``` [](pink-top-menu) #### Pink Top Menu [](#pink-top-menu) Pink top menu, transparent sidebar. [![Construction or warning design](https://camo.githubusercontent.com/725c2f61d6cdfc7a0c88da9da67c6050c2bb84c980cbe6282e6761021072505e/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f70696e6b2e706e67)](https://camo.githubusercontent.com/725c2f61d6cdfc7a0c88da9da67c6050c2bb84c980cbe6282e6761021072505e/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f70696e6b2e706e67) ``` 'header_class' => 'app-header navbar navbar-color bg-error border-0', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar sidebar-pills bg-light', 'footer_class' => 'app-footer d-none', ``` [](green-top-menu) #### Green Top Menu [](#green-top-menu) Green top menu, white sidebar. [![Construction or warning design](https://camo.githubusercontent.com/0e1901bdc50a04d260f90ee7d8060b9627c9ed6445a819758c692c8e3d5b8dc3/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f677265656e2e706e67)](https://camo.githubusercontent.com/0e1901bdc50a04d260f90ee7d8060b9627c9ed6445a819758c692c8e3d5b8dc3/68747470733a2f2f6261636b7061636b666f726c61726176656c2e636f6d2f75706c6f6164732f646f63732d342d302f75692f6578616d706c65732f677265656e2e706e67) ``` 'header_class' => 'app-header navbar navbar-color bg-green border-0', 'body_class' => 'app aside-menu-fixed sidebar-lg-show', 'sidebar_class' => 'sidebar sidebar-pills bg-white', 'footer_class' => 'app-footer d-none', ``` Change log ---------- [](#change-log) Changes are documented here on Github. Please see the [Releases tab](https://github.com/backpack/theme-coreuiv2/releases). Contributing ------------ [](#contributing) Please see [contributing.md](contributing.md) for a todolist and howtos. Security -------- [](#security) If you discover any security related issues, please email instead of using the issue tracker. Credits ------- [](#credits) - [Cristian Tabacitu](https://github.com/backpack) - [All Contributors](../../contributors) License ------- [](#license) This project was released under MIT, so you can install it on top of any Backpack & Laravel project. Please see the [license file](license.md) for more information. ### Health Score 48 — FairBetter than 95% of packages Maintenance68 Regular maintenance activity Popularity42 Moderate usage in the ecosystem Community17 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~55 days Recently: every ~86 days Total 17 Last Release 168d ago Major Versions 1.2.8 → 2.0.02025-11-20 ### Community Maintainers ![](https://www.gravatar.com/avatar/f2073da18c2e24ef792dd3e9aa51d5427a79a7abfd252788e57eeb1007a89f87?d=identicon)[tabacitu](/maintainers/tabacitu) --- Top Contributors [![tabacitu](https://avatars.githubusercontent.com/u/1032474?v=4)](https://github.com/tabacitu "tabacitu (51 commits)")[![pxpm](https://avatars.githubusercontent.com/u/7188159?v=4)](https://github.com/pxpm "pxpm (35 commits)")[![promatik](https://avatars.githubusercontent.com/u/1838187?v=4)](https://github.com/promatik "promatik (11 commits)")[![maurohmartinez](https://avatars.githubusercontent.com/u/33960976?v=4)](https://github.com/maurohmartinez "maurohmartinez (3 commits)")[![ziming](https://avatars.githubusercontent.com/u/679513?v=4)](https://github.com/ziming "ziming (2 commits)")[![phpfour](https://avatars.githubusercontent.com/u/171715?v=4)](https://github.com/phpfour "phpfour (1 commits)")[![marco-wildermuth](https://avatars.githubusercontent.com/u/60606559?v=4)](https://github.com/marco-wildermuth "marco-wildermuth (1 commits)")[![EG-Mohamed](https://avatars.githubusercontent.com/u/23424932?v=4)](https://github.com/EG-Mohamed "EG-Mohamed (1 commits)") --- Tags laravelbackpackBackpack for LaravelBackpack AddonThemeCoreuiv2 ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/backpack-theme-coreuiv2/health.svg) ``` [![Health](https://phpackages.com/badges/backpack-theme-coreuiv2/health.svg)](https://phpackages.com/packages/backpack-theme-coreuiv2) ``` ### Alternatives [backpack/theme-tabler UI for Backpack v6 that uses Tabler and Bootstrap v5. 35536.5k](/packages/backpack-theme-tabler)[backpack/activity-log Activity Log for Backpack 3487.5k1](/packages/backpack-activity-log)[backpack/translation-manager Translation Manager for Backpack 5118.9k1](/packages/backpack-translation-manager)[backpack/medialibrary-uploaders Helper functions to save files with spatie media library 1373.3k](/packages/backpack-medialibrary-uploaders)[figlabhq/crud-resource-for-backpack Build CRUD panels using fluent field definitions. 122.1k](/packages/figlabhq-crud-resource-for-backpack) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)