https://github.com/tabler/tabler Skip to content Sign up * Product + Features + Mobile + Actions + Codespaces + Copilot + Packages + Security + Code review + Issues + Discussions + Integrations + GitHub Sponsors + Customer stories * Team * Enterprise * Explore + Explore GitHub + Learn and contribute + Topics + Collections + Trending + Skills + GitHub Sponsors + Open source guides + Connect with others + The ReadME Project + Events + Community forum + GitHub Education + GitHub Stars program * Marketplace * Pricing + Plans + Compare plans + Contact Sales + Education [ ] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this organization All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up {{ message }} tabler / tabler Public * * Notifications * Fork 3.1k * Star 27.2k Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap preview.tabler.io License MIT license 27.2k stars 3.1k forks Star Notifications * Code * Issues 64 * Pull requests 10 * Discussions * Actions * Security * Insights More * Code * Issues * Pull requests * Discussions * Actions * Security * Insights tabler/tabler This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. main Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags 6 branches 51 tags Code Latest commit @rjd22 rjd22 Switch active and default colors of list groups (#1160) ... 1 2a04bb9 Jul 8, 2022 Switch active and default colors of list groups (#1160) 2a04bb9 1 Git stats * 1,972 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github Bump actions/checkout from 2 to 3 (#1141) Jun 8, 2022 demo Release 1.0.0-beta10 Apr 29, 2022 dist Release 1.0.0-beta10 Apr 29, 2022 src Switch active and default colors of list groups (#1160) Jul 8, 2022 .babelrc tabler build script Sep 8, 2019 .browserslistrc bootstrap upgrade, license Sep 19, 2019 .bundlewatch.config.json bundlewatch init Oct 27, 2021 .editorconfig replace feather icons with tabler icons Mar 28, 2020 .eslintrc tabler v1 Mar 12, 2019 .gitattributes bootstrap upgrade, license Sep 19, 2019 .gitignore small ui improvements Apr 20, 2022 .gitpod.yml Add gitpod config Mar 8, 2020 .percy.yml percy config Nov 7, 2020 .stylelintrc tabler v1 Mar 12, 2019 CHANGELOG.md changelog Apr 29, 2022 Gemfile #913 new offcanvas menu Oct 24, 2021 Gemfile.lock ruby dependencies update Jan 27, 2022 LICENSE Update LICENSE Feb 15, 2021 README.md Fix list readme (#1128) Jun 1, 2022 _config.yml update Bootstrap to 5.2.0-beta1 (#1131) Jun 6, 2022 gulpfile.js copy libs fix Jun 9, 2022 package-lock.json make the datatables preview page functional (#1154) Jun 30, 2022 package.json make the datatables preview page functional (#1154) Jun 30, 2022 vercel.json vercel init Feb 27, 2022 View code [ ] Preview Features Documentation Sponsor Tabler Sponsors Setup environment Build locally Installation CDN support Javascript Styles Feature requests Bugs and feature requests Creators Contributors Backers Thanks License README.md A premium and open source dashboard template with a responsive and high-quality UI. A premium and open source dashboard template with a responsive and high-quality UI. NPM version NPM Downloads Tabler preview License Tabler preview GitHub stars GitHub stars [sponsors] Preview Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, 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 demo Tabler preview Features 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 (and some Liquid) knowledge -- as a reward, you'll be able to manage and visualise 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+, latest Safari, Opera, Edge and mobile browsers. We work hard to 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! * Single Page Application versions: Tabler React has React components for Tabler. Documentation Documentation is available as a part of Tabler preview: https:// preview.tabler.io/docs/ Sponsor Tabler Sponsor Tabler Sponsors Support this project by becoming a sponsor. Your logo will show up in this README with a link to your website. Become a sponsor! [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] [6874747073] Setup environment To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below: 1. Install Node.js, which we use to manage our dependencies. 2. Navigate to the root /tabler directory and run npm install to install our local dependencies listed in package.json. 3. Install Ruby - the recommended version is 2.7.6. 4. Install Bundler with gem install bundler and finally run bundle install. It will install all Ruby dependencies, such as Jekyll and plugins. OSX users: 1. NPM npm install 2. install Ruby (2.5.* recommended) brew install ruby @2.5 3. install bundler gem install bundler 4. install bundle install * if bundler get any errors try sudo rm -rf /Library/Developer/CommandLineTools sudo xcode-select --install 5. Run NPM npm run start Windows users: 1. Install Git in C:\Program Files\git\bin directory and run npm config set script-shell "C:\\Program Files\\git\\bin\\bash.exe" to change the default shell. 2. Install Ruby+Devkit - the recommended version is 2.7.6. 3. Read guide to get Jekyll up and running without problems. Once you complete the setup, you'll be able to run the various commands provided from the command line. Build locally You need to have npm and bundler installed. 1. From the root /tabler directory, run installation in the command line: * npm install * bundler install 2. Then execute npm run start-plugins to start up the application stack. 3. Open http://localhost:3000 in your browser, and voila. 4. Any change in the /src directory will build the application and refresh the page. Note: Run npm run build for reforms a one off build application without refresh. Open http://localhost:3001 to configure the Web server. Installation Tabler is distributed via npm. npm install --save @tabler/core CDN support All files included in @tabler/core npm package are available over a CDN. Javascript Styles Feature requests https://tabler.canny.io/feature-requests Bugs and feature requests Found a bug or have a feature request? Please open a new issue. Creators Pawel Kuna * https://twitter.com/codecalm * https://github.com/codecalm * https://codecalm.net Contributors This project exists thanks to all the people who contribute. [6874747073] Backers Thank you to all our backers! Become a backer [6874747073] Thanks Chromatic Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions. License See the LICENSE file. About Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap preview.tabler.io Topics css html jekyll sass bootstrap modular html5 dashboard sponsors uikit boilerplate-template scss admin-dashboard themes dashboards ui-kit adminpanel dashboard-templates bootstrap4-theme bootstrap5 Resources Readme License MIT license Code of conduct Code of conduct Stars 27.2k stars Watchers 618 watching Forks 3.1k forks Releases 32 Release 1.0.0-beta6 Latest Jan 18, 2022 + 31 releases Sponsor this project * * open_collective opencollective.com/tabler Learn more about GitHub Sponsors Packages 0 No packages published Used by 57 * @ADJP-TEAM * @James-Discord * @itstor * @AleksiDu * @ColtonGarelli * @ftdebugger * @sroy22 * @ErikHumphrey + 49 Contributors 68 * @codecalm * @deralaxo * @dependabot-preview[bot] * @mrszympek * @martynaaj * @rjd22 * @FreexD * @WinterSilence * @dsznajder * @oyejorge * @beeman + 57 contributors Languages * HTML 65.9% * SCSS 27.8% * JavaScript 3.6% * Ruby 2.7% Footer (c) 2022 GitHub, Inc. Footer navigation * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.