Tabler Vue

screenshot of Tabler Vue

Tabler Vue

Vue.js components and demo for the Tabler UI theme.


Tabler-vue is a collection of Vue.js components designed to implement Tabler themed elements in your project. Tabler is a free and open-source HTML Dashboard UI Kit built on Bootstrap 4. The package provides a set of pre-designed components that can be easily integrated into your Vue.js project, allowing you to create beautiful and functional user interfaces.


  • Tabler Themed Elements: The components in Tabler-Vue are specifically designed to match the Tabler theme, providing a cohesive and visually appealing user interface.
  • Vue.js Integration: Tabler-Vue is built using Vue.js, allowing you to easily integrate the components into your existing Vue.js project.
  • Pre-designed Components: The package includes a variety of pre-designed components such as buttons, forms, tables, and cards, making it easier to build complex UIs with minimal effort.


To install Tabler-Vue, follow the steps below:

  1. Clone the repository by running the following command in your terminal:
git clone
  1. Navigate to the root folder of the cloned repository.
  2. Run the following command to install the required dependencies:
yarn install
  1. Start the development server by running:
yarn dev

Once the above steps are completed, you should have a local copy of Tabler-Vue running with live browser reloading of the example website.


Tabler-Vue is a collection of Vue.js components that allows developers to easily implement Tabler themed elements in their projects. With a variety of pre-designed components and seamless Vue.js integration, building beautiful and functional user interfaces has never been easier. The installation process is straightforward, making it accessible for developers of all skill levels. Tabler-Vue is released under the MIT License, providing flexibility for its usage.

GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading


RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.