tabler

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!

📦 Installation

Install @tabler/core with npm or your preferred JavaScript package manager:

npm install --save @tabler/core

CDN

All 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">

Quick start

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.

📖 Documentation

The full documentation is available at docs.tabler.io. Release notes live in the changelog.

🤝 Contributing

We welcome contributions of all kinds! See the contributing guide to get started.

💛 Sponsors

If you want to support our project and help us grow it, you can become a sponsor on GitHub or just donate on PayPal :)

📄 License

Tabler is licensed under the MIT License.