PHPackages tabler/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. [Admin Panels](/categories/admin) 4. / 5. tabler/tabler ActiveLibrary[Admin Panels](/categories/admin) tabler/tabler ============= Premium and Open Source dashboard template with responsive and high quality UI. For Free! v0.0.33(7y ago)41.4k23.0k↑805%4.4k[67 issues](https://github.com/tabler/tabler/issues)[26 PRs](https://github.com/tabler/tabler/pulls)3MITAstroCI passing Since Apr 4Pushed 1w ago638 watchersCompare [ Source](https://github.com/tabler/tabler)[ Packagist](https://packagist.org/packages/tabler/tabler)[ RSS](/packages/tabler-tabler/feed)WikiDiscussions dev Synced 1w ago READMEChangelog (10)DependenciesVersions (6)Used By (3) [![Tabler](https://raw.githubusercontent.com/tabler/tabler/refs/heads/dev/shared/static/logo.svg)](https://tabler.io) A premium and open source dashboard template with a responsive and high-quality UI. [![NPM version](https://camo.githubusercontent.com/c8d1de565f44a7afd11ed3eacbb86a359117ecdc77d737097a21a5446d5f6b14/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f407461626c65722f636f72653f636f6c6f723d313836346162266c6162656c3d4c61746573742b76657273696f6e)](https://www.npmjs.com/package/@tabler/core)[![NPM Downloads](https://camo.githubusercontent.com/d2664da4d00a7d1cc632859756d2c9b73723f4e7cb6faf8b91c0dde4100793f9/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f407461626c65722f636f72653f636f6c6f723d313937316332266c6162656c3d446f776e6c6f616473)](https://www.npmjs.com/package/@tabler/core)[![Tabler preview](https://camo.githubusercontent.com/d18d3c468916f4eae8c5a9d5d94a6e07a17951a061d5105a0b45d8472fbe105a/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d44656d6f266d6573736167653d7072657669657726636f6c6f723d323238626536)](https://preview.tabler.io)[![License](https://camo.githubusercontent.com/2d97ec26660fe61300d3a9e9df6013d8d81e9099ed757386d37d9326b9391a44/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f7461626c65722e7376673f6c6162656c3d4c6963656e7365266d6573736167653d4d495426636f6c6f723d316337656436)](https://github.com/tabler/tabler/blob/dev/LICENSE)[![Download ZIP](https://camo.githubusercontent.com/e973d16936d28936060c90df1227dcccb076bf1e7dccc9ef977dab8283a3314b/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d446f776e6c6f6164266d6573736167653d5a495026636f6c6f723d333339616630)](https://github.com/tabler/tabler/archive/dev.zip)[![Test build](https://github.com/tabler/tabler/actions/workflows/test.yml/badge.svg)](https://github.com/tabler/tabler/actions/workflows/test.yml)[![GitHub stars](https://camo.githubusercontent.com/1277ff4ae1db7336d925b75526e3dfe4805e7e50ece268bf9322b923ad600d75/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f7461626c65722f7461626c65723f7374796c653d736f6369616c)](https://github.com/tabler/tabler) [Live demo](https://preview.tabler.io) Β· [Documentation](https://docs.tabler.io) Β· [Releases](https://github.com/tabler/tabler/releases) Β· [Discussions](https://github.com/tabler/tabler/discussions) πŸ’› Sponsors ---------- [](#-sponsors) **If you want to support our project and help us grow it, you can [become a sponsor on GitHub](https://github.com/sponsors/codecalm) or just [donate on PayPal](https://paypal.me/codecalm) :)** [ ![Tabler sponsors](https://camo.githubusercontent.com/6f2409d4b8512a6046a83f42389032392035f74c6456852f38ae41d6abafac77/68747470733a2f2f63646e2e6a7364656c6976722e6e65742f67682f7461626c65722f73706f6e736f7273406c61746573742f73706f6e736f72732e737667) ](https://github.com/sponsors/codecalm) πŸ”Ž Preview --------- [](#-preview) Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern and user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! [Show me a demo](https://preview.tabler.io) [ ![Tabler Preview](https://raw.githubusercontent.com/tabler/tabler/dev/shared/static/tabler-preview.png) ](https://preview.tabler.io) πŸš€ Features ---------- [](#-features) We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS knowledge β€” as a reward, you'll be able to manage and visualize different types of data in the easiest possible way! - **Responsive:** With the support for mobile, tablet and desktop displays, it doesn't matter what device you're using. Tabler is responsive in all major browsers. - **Cross Browser:** Our theme works perfectly with the latest Chrome, Firefox, Safari, Opera, Edge and mobile browsers. We work hard to provide continuous support for them. - **HTML5 & CSS3:** We use only modern web technologies, such as HTML5 and CSS3. Our theme includes some subtle CSS3 animations, which will help you attract attention. - **Clean Code:** We followed Bootstrap's guidelines carefully to make your integration as easy as possible. All code is handwritten and W3C valid. - **Demo pages:** Tabler features over 20 individual pages using various components, which gives you the freedom to choose and combine. All components can vary in color and styling that you can easily modify using Sass. Sky is the limit! πŸ“¦ Installation -------------- [](#-installation) ### Package managers [](#package-managers) Tabler is distributed via npm. You can install it with npm or your preferred JavaScript package manager: ``` npm install --save @tabler/core ``` ### CDN [](#cdn) All files included in the `@tabler/core` npm package are also available over a CDN. JavaScript: ``` ``` Styles: ``` ``` ### Download [](#download) If you don't use a package manager, you can [download the latest release](https://github.com/tabler/tabler/releases) as a ZIP archive. ### Quick start [](#quick-start) Create an HTML file with Tabler's CSS and JavaScript loaded from the CDN and start building: ``` Tabler demo Hello, Tabler! Primary button ``` Or try it without installing anything: open the [tabler-starter](https://github.com/tabler/tabler-starter) template on [StackBlitz](https://stackblitz.com/github/tabler/tabler-starter), [CodeSandbox](https://codesandbox.io/s/github/tabler/tabler-starter) or [GitHub Codespaces](https://codespaces.new/tabler/tabler-starter). πŸ“– Documentation --------------- [](#-documentation) The full documentation is available at [docs.tabler.io](https://docs.tabler.io/). To see what changed in each release, check the [changelog](core/CHANGELOG.md) and [GitHub releases](https://github.com/tabler/tabler/releases). πŸ› οΈ Development -------------- [](#️-development) To build a copy of Tabler locally, you have two options: set up the development tools directly on your device, or use the provided Docker setup. You can also start right away in the cloud with [GitHub Codespaces](https://codespaces.new/tabler/tabler) β€” the dev container installs everything for you. ### Local setup [](#local-setup) 1. Install [Node.js](https://nodejs.org/download/) (version 22.12 or newer) and [pnpm](https://pnpm.io/installation) (we recommend [Corepack](https://pnpm.io/installation#using-corepack)). 2. Clone the repository: ``` git clone https://github.com/tabler/tabler.git cd tabler ``` 3. Install dependencies: ``` pnpm install ``` 4. Start the development servers: ``` pnpm run dev ``` 5. Open to view the preview website, or to view the documentation website. Changes to most source files of Tabler core, preview and docs will rebuild the application and refresh the page. To perform a one-off production build without a dev server, run: ``` pnpm run build ``` ### Docker [](#docker) 1. From the root `tabler` directory, build the image: ``` docker build -t tabler . ``` 2. Run the image. The following command mounts the source directories into the container and exposes port 3000 (preview) and port 3010 (documentation): ``` docker run -p 3000:3000 -p 3010:3010 -v $(pwd)/core:/app/core -v $(pwd)/preview:/app/preview -v $(pwd)/docs:/app/docs -v $(pwd)/shared:/app/shared tabler ``` 3. Open (preview) or (documentation). Edit anything in the `core/`, `preview/`, `docs/` or `shared/` folders and watch your browser refresh the page after it has been rebuilt. Alternatively, use Docker Compose: `docker compose up --build` builds and starts the container with the same mounts, ports and URLs. 🀝 Contributing -------------- [](#-contributing) We welcome contributions of all kinds! Please read the [contributing guide](CONTRIBUTING.md) to learn about the development workflow, project structure and conventions. By participating, you agree to follow our [Code of Conduct](.github/CODE_OF_CONDUCT.md). - **Found a bug?** [Open a bug report](https://github.com/tabler/tabler/issues/new?template=bug_report.yml). - **Have an idea?** [Open a feature request](https://github.com/tabler/tabler/issues/new?template=feature_request.yml) or start a [discussion](https://github.com/tabler/tabler/discussions). - **Found a security issue?** Please report it privately β€” see our [security policy](SECURITY.md). πŸͺ΄ Project activity ------------------ [](#-project-activity) [![Repobeats analytics image](https://camo.githubusercontent.com/48cb4a97664764a20e62258af22409e8e0098ff4e32d8fd0dc27a6f10299017d/68747470733a2f2f7265706f62656174732e6178696f6d2e636f2f6170692f656d6265642f363164316462333434343639363762303834386166363831393861333932303637653066353837302e737667)](https://camo.githubusercontent.com/48cb4a97664764a20e62258af22409e8e0098ff4e32d8fd0dc27a6f10299017d/68747470733a2f2f7265706f62656174732e6178696f6d2e636f2f6170692f656d6265642f363164316462333434343639363762303834386166363831393861333932303637653066353837302e737667) πŸ€“ Creators ---------- [](#-creators) **PaweΕ‚ Kuna** - - - **BartΕ‚omiej GawΔ™da** - [https://x.com/B\_Gaweda](https://x.com/B_Gaweda) - **Bartosz Dobija** - πŸ‘¨β€πŸš€ Contributors ---------------- [](#‍-contributors) This project exists thanks to all the people who contribute. [ ![Tabler contributors](https://camo.githubusercontent.com/6b644f702ab5945197567644757bea0603f49d8e740fb9ef784e738aa118edd9/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7461626c65722f636f6e7472696275746f72732e7376673f77696474683d38393026627574746f6e3d66616c7365)](https://github.com/tabler/tabler/graphs/contributors)πŸ“£ Social media -------------- [](#-social-media) Stay up to date by joining our community on [X](https://x.com/tabler_io) and [Facebook](https://www.facebook.com/tabler.io). πŸ“„ License --------- [](#-license) Tabler is licensed under the [MIT License](LICENSE). ### Health Score 61 β€” FairBetter than 99% of packages Maintenance64 Regular maintenance activity Popularity68 Solid adoption and visibility Community49 Growing community involvement Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 82% of commits β€” single point of failure 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 ~73 days Recently: every ~91 days Total 6 Last Release 2693d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/ab98685c7f1965b3700ccae5c570202a8e88e367b986d6b5650a4dcff548a6e1?d=identicon)[codecalm](/maintainers/codecalm) --- Top Contributors [![codecalm](https://avatars.githubusercontent.com/u/1282324?v=4)](https://github.com/codecalm "codecalm (2564 commits)")[![BGaweda](https://avatars.githubusercontent.com/u/73077398?v=4)](https://github.com/BGaweda "BGaweda (62 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (62 commits)")[![BG-Software-BG](https://avatars.githubusercontent.com/u/73077398?v=4)](https://github.com/BG-Software-BG "BG-Software-BG (62 commits)")[![deralaxo](https://avatars.githubusercontent.com/u/40028795?v=4)](https://github.com/deralaxo "deralaxo (45 commits)")[![rjd22](https://avatars.githubusercontent.com/u/160743?v=4)](https://github.com/rjd22 "rjd22 (44 commits)")[![Bartosz-Do](https://avatars.githubusercontent.com/u/220879516?v=4)](https://github.com/Bartosz-Do "Bartosz-Do (44 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (39 commits)")[![martynaaj](https://avatars.githubusercontent.com/u/60158888?v=4)](https://github.com/martynaaj "martynaaj (25 commits)")[![ethancrawford](https://avatars.githubusercontent.com/u/10395940?v=4)](https://github.com/ethancrawford "ethancrawford (24 commits)")[![FreexD](https://avatars.githubusercontent.com/u/7117869?v=4)](https://github.com/FreexD "FreexD (19 commits)")[![wangkanai](https://avatars.githubusercontent.com/u/10666633?v=4)](https://github.com/wangkanai "wangkanai (16 commits)")[![WinterSilence](https://avatars.githubusercontent.com/u/3521094?v=4)](https://github.com/WinterSilence "WinterSilence (13 commits)")[![dheineman](https://avatars.githubusercontent.com/u/516028?v=4)](https://github.com/dheineman "dheineman (13 commits)")[![mikosamuraj](https://avatars.githubusercontent.com/u/27811341?v=4)](https://github.com/mikosamuraj "mikosamuraj (9 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (9 commits)")[![oyejorge](https://avatars.githubusercontent.com/u/1043524?v=4)](https://github.com/oyejorge "oyejorge (9 commits)")[![beeman](https://avatars.githubusercontent.com/u/36491?v=4)](https://github.com/beeman "beeman (7 commits)")[![enricodias](https://avatars.githubusercontent.com/u/32619307?v=4)](https://github.com/enricodias "enricodias (7 commits)")[![kevinpapst](https://avatars.githubusercontent.com/u/533162?v=4)](https://github.com/kevinpapst "kevinpapst (7 commits)") --- Tags admin-dashboardadminpanelboilerplate-templatebootstrapbootstrap4-themebootstrap5cssdashboarddashboard-templatesdashboardshtmlhtml5jekyllmodularsassscsssponsorsthemesui-kituikit ### Embed Badge ![Health badge](/badges/tabler-tabler/health.svg) ``` [![Health](https://phpackages.com/badges/tabler-tabler/health.svg)](https://phpackages.com/packages/tabler-tabler) ``` ### Alternatives [kiwicommerce/module-cron-scheduler Easily set up and manage cron jobs from the backend with a beautiful and managed timeline feature. Find the actual load on CPU/Memory by cron job execution. 74608.2k](/packages/kiwicommerce-module-cron-scheduler)[loevgaard/sylius-brand-plugin A Sylius plugin for handling brands 29159.6k3](/packages/loevgaard-sylius-brand-plugin)[dog-ears/crud-d-scaffold Extend Laravel 7's generators scaffold. 183.1k](/packages/dog-ears-crud-d-scaffold) PHPackages Β© 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)