Free and open source tools for building dashboards and web apps:
a UI kit, icons, illustrations, email templates and more.
Website · Live demo · Documentation · Icons · Discussions
| Project | What it is |
|---|---|
| Tabler | HTML dashboard UI kit built on Bootstrap 5, with more than 120 demo pages, dark mode and RTL |
| Tabler Icons | Over 6,000 free MIT-licensed SVG icons, with packages for React, Vue, Svelte and Angular |
| Tabler Flags | Over 250 optimized SVG country flags |
| Tabler Illustrations | Customizable SVG illustrations in light and dark variants |
| Tabler Emails | Responsive HTML email templates tested in more than 90 clients |
| Tabler Avatars | Avatar illustrations for user profiles and placeholders |
| tabler-starter | Minimal starter template, ready to open in StackBlitz, CodeSandbox or Codespaces |
| Tabler Icons for Figma | Figma plugin for inserting Tabler Icons into your designs |
Install the UI kit and the icons from npm:
npm install @tabler/core @tabler/iconsOr load Tabler straight from the CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" />
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>The documentation has setup guides for React, Vue, Angular, Next.js, Nuxt, SvelteKit, Astro, Laravel, Django, Rails and Symfony.
- Found a bug or have an idea? Open an issue in tabler or tabler-icons.
- Want to talk first? Join the discussions.
- Want to send a pull request? Start with the contributing guide.
- Follow @tabler_io for news and releases.
Tabler is free to use, and its development is funded by sponsors. If it saves you time, consider becoming a sponsor.
