A premium and open source dashboard template with a responsive and high-quality UI.
Live demo Β· Documentation Β· Releases Β· Discussions
If you want to support our project and help us grow it, you can become a sponsor on GitHub or just donate on PayPal :)
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
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!
Tabler is distributed via npm. You can install it with npm or your preferred JavaScript package manager:
npm install --save @tabler/coreAll files included in the @tabler/core npm package are also available over a CDN.
JavaScript:
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>Styles:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css">If you don't use a package manager, you can download the latest release as a ZIP archive.
Create an HTML file with Tabler's CSS and JavaScript loaded from the CDN and start building:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tabler demo</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" />
</head>
<body>
<h1>Hello, Tabler!</h1>
<button class="btn btn-primary">Primary button</button>
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
</body>
</html>Or try it without installing anything: open the tabler-starter template on StackBlitz, CodeSandbox or GitHub Codespaces.
The full documentation is available at docs.tabler.io. To see what changed in each release, check the changelog and GitHub releases.
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 β the dev container installs everything for you.
-
Install Node.js (version 22.12 or newer) and pnpm (we recommend Corepack).
-
Clone the repository:
git clone https://github.com/tabler/tabler.git cd tabler -
Install dependencies:
pnpm install
-
Start the development servers:
pnpm run dev
-
Open http://localhost:3000 to view the preview website, or http://localhost:3010 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-
From the root
tablerdirectory, build the image:docker build -t tabler . -
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
-
Open http://localhost:3000 (preview) or http://localhost:3010 (documentation). Edit anything in the
core/,preview/,docs/orshared/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.
We welcome contributions of all kinds! Please read the contributing guide to learn about the development workflow, project structure and conventions. By participating, you agree to follow our Code of Conduct.
- Found a bug? Open a bug report.
- Have an idea? Open a feature request or start a discussion.
- Found a security issue? Please report it privately β see our security policy.
PaweΕ Kuna
BartΕomiej GawΔda
Bartosz Dobija
This project exists thanks to all the people who contribute.
Stay up to date by joining our community on X and Facebook.
Tabler is licensed under the MIT License.