download.mdx 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. ---
  2. title: Download
  3. description: Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.
  4. ---
  5. ## CDN via jsDelivr
  6. All files included in `@tabler/core` npm package are available over a jsDelivr CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.
  7. ```html
  8. <script src="$TABLER_CDN/dist/js/tabler.min.js"></script>
  9. <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler.min.css">
  10. ```
  11. You can also include additional Tabler plugins:
  12. ```html
  13. <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-flags.min.css">
  14. <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-payments.min.css">
  15. <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-vendors.min.css">
  16. ```
  17. ## Package managers
  18. Install Tabler in your Node.js powered apps with the npm package:
  19. <TabsPackage name="@tabler/core" />
  20. Tabler uses other packages to enhance the functionality for example charts and input masks. These are not automatically installed to avoid huge
  21. dependency trees and need to be installed by using npm install. We support the following packages as of writing.
  22. - [apexcharts](https://apexcharts.com/)
  23. - [autosize](http://www.jacklmoore.com/autosize/)
  24. - [choices.js](https://github.com/Choices-js/Choices)
  25. - [countup.js](https://inorganik.github.io/countUp.js/)
  26. - [flatpickr](https://flatpickr.js.org/)
  27. - [imask](https://imask.js.org/)
  28. - [litepicker](https://litepicker.com/)
  29. - [nouislider](https://refreshless.com/nouislider/)
  30. - [tom-select](https://tom-select.js.org/)
  31. For the complete list of supported packages you can check the peerDependencies section in our [package.json](https://github.com/tabler/tabler/blob/dev/package.json)