PHPackages tannhatcms/theme-tabler - 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. [Utility & Helpers](/categories/utility) 4. / 5. tannhatcms/theme-tabler ActiveLibrary[Utility & Helpers](/categories/utility) tannhatcms/theme-tabler ======================= UI for Backpack v6 that uses Tabler and Bootstrap v5. 1.2.19(5mo ago)06MITBlade Since Jun 30Pushed 4mo agoCompare [ Source](https://github.com/TanNhatCMS/Laravel-Backpack-theme-tabler)[ Packagist](https://packagist.org/packages/tannhatcms/theme-tabler)[ Docs](https://github.com/backpack/theme-tabler)[ RSS](/packages/tannhatcms-theme-tabler/feed)WikiDiscussions dev Synced 1mo ago READMEChangelog (1)Dependencies (3)Versions (45)Used By (0) Theme Tabler ============ [](#theme-tabler) [![Latest Version on Packagist](https://camo.githubusercontent.com/97d879dbc5a012b9dc90803de6d3163948b612e67aea684ab4f02846e3ad5eee/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6261636b7061636b2f7468656d652d7461626c65722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/backpack/theme-tabler)[![Total Downloads](https://camo.githubusercontent.com/7f0bbb3ceb3e2a5852201ef9f20c78215f6742e618046fc1fdc2a0493e520dd0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6261636b7061636b2f7468656d652d7461626c65722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/backpack/theme-tabler)[![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 [Tabler](https://tabler.io/) and implicitly Bootstrap v5. All esthetic customizations on top of Tabler are done in separate CSS files, which can be easily edited if you don't like them. The file structure inside this package has changed a bit from Backpack v3-v5. We've split split it into smaller, more granual views. So that if you need to customize something by publishing a view, your change is small. If you want the old file structure, you can use the CoreUI v4 or CoreUI v2 themes. Screenshots ----------- [](#screenshots) [![all-layouts](https://user-images.githubusercontent.com/33960976/230347568-36f1a08e-6ee5-4534-ace3-9c4b259ca754.gif)](https://user-images.githubusercontent.com/33960976/230347568-36f1a08e-6ee5-4534-ace3-9c4b259ca754.gif) Installing ---------- [](#installing) ### Automatic installation [](#automatic-installation) Because this a 1st party theme, you can quickly install it using ``` php artisan backpack:require:theme-tabler ``` Alternatively, follow the manual installation process below. Manual installation ------------------- [](#manual-installation) **Step 1.** Install via Composer ``` composer require backpack/theme-tabler ``` **Step 2.** Go to `config/backpack/ui.php` and change your view namespace: ``` - 'view_namespace' => 'backpack::', + 'view_namespace' => 'backpack.theme-tabler::', ``` **Step 3. (Optional)** Publish the theme config file: ``` php artisan vendor:publish --tag="theme-tabler-config" ``` Config ------ [](#config) Note: Any value set here will override the ones defined in config/backpack/ui.php when this theme is in use. **Change layout:** Simply pick a layout ``` /** * Possible values: horizontal, horizontal_dark, horizontal_overlap, vertical, * vertical_dark, vertical_transparent (legacy theme), right_vertical, right_vertical_dark, right_vertical_transparent */ 'layout' => 'horizontal_overlap', ``` **Change auth layout:** Pick a login page layout ``` 'auth_layout' => 'default', //Possible values: default, illustration, cover ``` **Add CSS:** Here you can easily load your own extra CSS styles. ``` 'styles' => [ base_path('vendor/backpack/theme-tabler/resources/assets/css/color-adjustments.css'), base_path('vendor/backpack/theme-tabler/resources/assets/css/colors.css'), // add your css here ], ``` **Add JS:** Here you can easily include your own JS files. ``` 'scripts' => [], ``` **More configs:** Get more out of theme-tabler. - Take more control on `Dark Mode` - Make `Container` fluid to utilize the space - Choose how `Header`, `Sidebar` should be ``` 'options' => [ /** * The available color modes. */ 'colorModes' => [ 'system' => 'la-desktop', 'light' => 'la-sun', 'dark' => 'la-moon', ], /** * The color mode used by default. */ 'defaultColorMode' => 'system', // system, light, dark /** * When true, a switch is displayed to let admins choose their favorite theme mode. * When false, the theme will only use the "defaultColorMode" set above. * In case "defaultColorMode" is null, system is the default. */ 'showColorModeSwitcher' => true, /** * Fix the top-header component (present in "vertical_transparent") and the menu when the layout type is set as "horizontal". * This value is skipped when the layout type is horizontal-overlap, using false as default. */ 'useStickyHeader' => false, /** * When true, the content area will take the whole screen width. */ 'useFluidContainers' => false, /** * When true, the sidebar content for vertical layouts will not scroll with the rest of the content. */ 'sidebarFixed' => false, /** * When true, horizontal layouts will display the classic top bar on top to free some space when multiple nav items are used. */ 'doubleTopBarInHorizontalLayouts' => false, /** * When true, the password input will have a toggle button to show/hide the password. */ 'showPasswordVisibilityToggler' => true, ], ``` Uninstalling ------------ [](#uninstalling) To uninstall this Backpack theme: 1. Remove the composer package. Eg. `composer remove backpack/theme-tabler` 2. Delete the config file. Eg. `rm -rf config/backpack/theme-tabler.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-tabler # copy the blade file inside the folder we created above cp -i vendor/backpack/crud/src/resources/views/ui/dashboard.blade.php resources/views/vendor/backpack/theme-tabler/dashboard.blade.php ``` Change log ---------- [](#change-log) Changes are documented here on Github. Please see the [Releases tab](https://github.com/backpack/theme-tabler/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 39 — LowBetter than 86% of packages Maintenance74 Regular maintenance activity Popularity4 Limited adoption so far Community16 Small or concentrated contributor base Maturity56 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 ~24 days Recently: every ~96 days Total 36 Last Release 173d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/bfa34fbe26304da44b94d720c13ab86b5b5841faac4a2cc9eeaaab4ee6ab193b?d=identicon)[TanNhatCMS](/maintainers/TanNhatCMS) --- Top Contributors [![tabacitu](https://avatars.githubusercontent.com/u/1032474?v=4)](https://github.com/tabacitu "tabacitu (130 commits)")[![pxpm](https://avatars.githubusercontent.com/u/7188159?v=4)](https://github.com/pxpm "pxpm (112 commits)")[![maurohmartinez](https://avatars.githubusercontent.com/u/33960976?v=4)](https://github.com/maurohmartinez "maurohmartinez (73 commits)")[![jcastroa87](https://avatars.githubusercontent.com/u/44643608?v=4)](https://github.com/jcastroa87 "jcastroa87 (29 commits)")[![promatik](https://avatars.githubusercontent.com/u/1838187?v=4)](https://github.com/promatik "promatik (26 commits)")[![karandatwani92](https://avatars.githubusercontent.com/u/8214221?v=4)](https://github.com/karandatwani92 "karandatwani92 (6 commits)")[![TanNhatCMS](https://avatars.githubusercontent.com/u/113796420?v=4)](https://github.com/TanNhatCMS "TanNhatCMS (2 commits)")[![siberfx](https://avatars.githubusercontent.com/u/10257240?v=4)](https://github.com/siberfx "siberfx (2 commits)")[![mariovillani](https://avatars.githubusercontent.com/u/3393945?v=4)](https://github.com/mariovillani "mariovillani (2 commits)")[![ziming](https://avatars.githubusercontent.com/u/679513?v=4)](https://github.com/ziming "ziming (1 commits)")[![boralp](https://avatars.githubusercontent.com/u/907873?v=4)](https://github.com/boralp "boralp (1 commits)")[![EG-Mohamed](https://avatars.githubusercontent.com/u/23424932?v=4)](https://github.com/EG-Mohamed "EG-Mohamed (1 commits)")[![jnoordsij](https://avatars.githubusercontent.com/u/45041769?v=4)](https://github.com/jnoordsij "jnoordsij (1 commits)")[![niladam](https://avatars.githubusercontent.com/u/4151765?v=4)](https://github.com/niladam "niladam (1 commits)")[![Oxicode](https://avatars.githubusercontent.com/u/1320709?v=4)](https://github.com/Oxicode "Oxicode (1 commits)")[![phpfour](https://avatars.githubusercontent.com/u/171715?v=4)](https://github.com/phpfour "phpfour (1 commits)")[![adrienne](https://avatars.githubusercontent.com/u/89705?v=4)](https://github.com/adrienne "adrienne (1 commits)") --- Tags laravelbackpackBackpack for LaravelBackpack AddonThemeTabler ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/tannhatcms-theme-tabler/health.svg) ``` [![Health](https://phpackages.com/badges/tannhatcms-theme-tabler/health.svg)](https://phpackages.com/packages/tannhatcms-theme-tabler) ``` ### 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)