Releases: tabler/tabler
Tabler v1.3.0
What's Changed
- a1af801: Add FullCalendar integration
- b9d434d: Add new charts to dashboard pages
- 79bd867: Add new form layout page
- cac5d92: Update illustrations to v1.7
- f94b153: Add SRI hashes to scripts and styles
- c127d65: Fix colour picker preview page not displaying correctly
- b6e9b18: Update icons to v3.31.0
- 8850f61: Enhance pagination component with new styles
- 9910dd0: Add "text features" menu item
- 638f36c: Refactor SCSS variable names for shadows
- 0d501e9: Correct
aria-labelof app menu link - 3a02ef9: Fix some marketing site rows overflowing on mobile
- fd0fd47: Improve card footer layout and enhance entry display format in invoices
- 74e5d26: Fix color badge in navbar menu
- 72a1d67: Add clipboard functionality to Tabler documentation
- bb617b8: Fix colour swatches on small screens
- d73d78e: Add missing
twentry inflags.json - 19a3d20: Delete missing demo RTL style
- b5e2f54: Enhance dropdown components for better accessibility
- a41c956: Remove unnecessary
!importantfrom body padding - e675389: Fix missing border-radius to
.card-header-tabs - 9007e73: Fix FAQ accordion structure
Get Started with Tabler
Ready to explore the latest features? Download Tabler today and start building with the most advanced version of Tabler yet! 🚀
We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!
Tabler v1.2.0
We’ve been hard at work making Tabler more powerful, more customizable, and just plain better to use. In this update, we’re focusing on features that boost your productivity and polish your UI—without adding complexity. From a guided theme setup to slick gradient utilities and a smarter navbar, here’s what’s new:
Theme Settings Wizard
Easily personalize your app’s appearance with our new Theme Settings Wizard. Whether you're adjusting colors, toggling dark mode, or picking layouts, this guided setup makes customizing your UI faster and more intuitive than ever—no code required.
Gradient Background Utilities
Bring your UI to life with new gradient background utilities. These ready-to-use classes let you quickly add vibrant gradient effects to your components, giving your design that extra bit of visual flair.
New Apps Card with Brand Icons in Navbar
We’ve added a modern apps card to the navbar, complete with brand icons for a polished, professional look. It’s a great way to offer users quick access to third-party tools or internal features—all neatly organized and easy to reach.
Alongside the main features, this release includes several technical upgrades and visual refinements. We’ve replaced TinyMCE with HugeRTE to ensure license compliance while keeping the editor experience powerful. The framework now runs on Bootstrap 5.3.5, offering greater performance and stability. We’ve also added light color variants for steps, perfect for subtler UI designs, and integrated the Turbo library for snappier navigation and a smoother user experience.
What's Changed
- c59bc9d: Add gradient background utilities
- f9e4da2: Add new apps card with brand icons in navbar
- 92a3afe: Replaced TinyMCE with HugeRTE to address license violation
- 199f39a: Update Bootstrap to version 5.3.5
- 9bbcb99: Add theme settings wizard
- b17b488: Add steps light colors
- 215eaa4: Add Turbo library integration
- aea3b0a: Rollback accordion component structure
- 3fc7b84: Add space between page numbers in pagination
- 2f8a372: Add Bootstrap components to Tabler JS
- 9fceadd: Fix tooltip colors in vector maps
- 44250db: Update avatar size variable to support list size configuration
- be1f3d1: Fix broken shape in South Korea flag
- c20d076: Refactor
border-radiusin components to use CSS variables - 042e50f: Update disabled color variables in navbars
- 473fa38: Apply border radius to
tom-selecton focus - 8646192: Add avatars page with various demos of avatars
- 922bb03: Minor spelling and grammar improvements to emails docs
- 44250db: Update avatar size variable to support list size configuration
- ddcd3a7: Refactor SCSS for alerts and close button styles
- e3d68d6: Fix
autosizeandinput maskplugins to use window scope - 4846828: Fix scrollbar color mixin to use body color variable
- 6b6617a: Improve README
- 94bea00: Make scrollbar track transparent
- e14e492: Fix scrollbar jumps when content is higher than screen
- 6d6d1bd: Add responsive font size for form controls on mobile devices
- 6c566cf: Add new advanced table example
Tabler v1.1
We’ve been working hard to bring you a new version packed with exciting new features and improvements. This update introduces new components — Signature Pad, text mentions and Segmented Control, giving you even more flexibility to build intuitive and user-friendly interfaces. We’ve also made several UI enhancements to improve the overall experience. Thank you for your support and all your valuable suggestions — they help us keep moving forward!
Segmented control
Segmented Control is a new component that allows users to quickly switch between predefined options within a compact, button-like interface. It’s perfect for selecting between views, filters, or settings, offering a clear visual representation of the current choice. Designed to fit seamlessly into modern interfaces, Segmented Control combines clarity and ease of use.
Signature Pad
Signature Pad is a new component that allows users to easily sign directly within the application. It supports both mobile and desktop devices, offering smooth drawing and the ability to clear and re-sign if needed. Perfect for forms, contracts, and confirmations.
Mentions in text blocks
Text Mentions is a new simple components designed to visually highlight mentions within static text content. It allows you to display mentions, such as usernames, tags, or references, with custom styling to make them stand out. This component is perfect for rendering already-processed content, like comments, posts, or messages, where mentions need to be visually distinguished.
What's Changed
- a2640e2: Add Playwright configuration and visual regression tests
- d3ae77c: Enable
scrollSpyincountupmodule - bd3d959: Refactor SCSS files to replace divide function with calc
- cb278c7: Add Segmented Control component
- b47725d: Add new text features page with mentions: user, color and app.
- b4b4d1a: Add Scroll Spy page
- 9cd5327: Update border radius variables for consistency across components
- 4376968: Add Signature Pad feature and signatures page
- f95f250: Update color utility classes and replace background colors in pricing table
- eaa7f81: Refactored the project into a monorepo, removed Gulp, and introduced a new, more efficient build process.
- ea14462: Add documentation for segmented control component
- 1edaff4: Add new payment provider (Troy)
- edbaa1e: Add selectable table functionality with active background color
- 378fba8: Refactor badge styles, remove Bootstrap styles
- f3c409f: Refactor alert component styles and markup, remove Bootstrap styles
- c240b5a: Refactor accordion component styles and markup, remove Bootstrap styles
New Contributors
- @carlosmintfan made their first contribution in #2076
- @FahadAlsulaiman made their first contribution in #2133
- @lucaSabato made their first contribution in #2156
- @oksuzgil made their first contribution in #2146
Full Changelog: v1.0.0...v1.1.0
Contributors
Assets 2
Tabler v1.0.0 ❤️🚀
We did it! After 24 pre-releases and over a few years of work, Tabler 1.0 is now available. Packed with new components, significant updates, and enhancements, this release brings you closer to building stunning web applications effortlessly. You can try it out now on your project using:
npm i @tabler/core@latest
🌟 New Components and Pages
TagComponent: Introducing a versatile tag component for labeling and categorization needs.- Star Ratings: Fully customizable star rating system powered by the
star-rating.jslibrary. - Color Picker: A sleek, intuitive color picker using the
coloris.jslibrary. - Chat Component (
chat.html): A modern chat interface, ready to integrate into your applications. - Alerts Page (
alerts.html): A dedicated page showcasing a variety of alert styles and examples. - Flags Page (
flags.html): A comprehensive list of flag assets for global audiences. - Payment Providers Page (
payment-providers.html): Support for 40+ new payment providers, including Apple Pay, Google Pay, Binance USD, and many more.
🎨 Design Enhancements
- Updated Primary Color: Revamped to align with the latest Tabler branding.
- Dark Mode Improvements: Unified dark mode elements with the latest Bootstrap API for better consistency and usability.
- Bootstrap Compatibility: Updated CSS class
text-mutedtotext-secondaryfor seamless integration. - Improved Mobile UX: Adjusted form element sizes for enhanced compatibility on mobile devices.
🚀 Feature Updates
- Tabler Icons Update: Upgraded to v2.23 and v3.29.0, adding a total of 18 new icons.
- Tabler Illustrations Update: Upgraded to v1.5, introducing enhanced visuals for modern applications.
- Dependencies Update: Refreshed dependencies for better performance and security.
- Docker Compose Support: Simplified local development with a new Docker Compose configuration.
🛠️ Fixes and Improvements
- Brand Update: Rebranded Twitter to X for consistency with the latest naming conventions.
- Documentation Enhancements: Added clarity and detail to existing docs, including alerts, icons, and illustrations.
- Bug Fixes:
- Resolved color inconsistencies in dark mode components.
- Fixed navbar text and dropdown menu issues in dark mode.
- Improved layout of search results on smaller screens.
- Performance Upgrades:
- Removed unused dependencies for a leaner build.
- Refactored SCSS variables to utilize
color.adjustfor better color manipulation.
🔧 Developer Tools
- Visual Studio Code Config: Pre-configured settings for a seamless development experience.
- Changelog Automation: Automatically retrieve and display changelogs directly from
CHANGELOG.md. - Node.js Upgrade: Minimum required Node.js version updated to 20.
- Switch to
pnpm: Faster and more efficient package installations. - Replaced Jekyll with Eleventy: We’ve transitioned from Jekyll to Eleventy, a modern, streamlined static site generator for faster builds and more flexible customization.
⚙️ Minor Tweaks
- Improved horizontal rule alignment.
- Enhanced base font-family loading for faster rendering.
- Added support for border-opacity variable for better color utilities.
This version is a major step forward in usability, performance, and design. The migration to Eleventy opens the door to faster builds and better flexibility, ensuring Tabler remains a cutting-edge tool for developers.
We can't wait to see what you build with Tabler v1.0.0! 🚀
Check out the full changelog and updates on our official documentation.
Release 1.0.0-beta24
- Update page-layouts.mdx to correct installation guideline link and enhance layout code snippets (06036f9)
- Update CHANGELOG.md for version 1.0.0-beta23 with documentation improvements and various bug fixes (093aff1)
- Enhance documentation (#2048) (b0b07b9)
- Update illustrations and enhance SVG handling in HTML (#2051) (5cca710)
- Update copyright year in LICENSE file to 2025 (86cab40)
- Marketing pages plugin (#1332) (844d66f)
- Enhance countup documentation with additional examples and explanations (ef3b0b5)
Release 1.0.0-beta23
- Documentation improvements (#2042) (c510fdf)
- Merge branch 'dev' of https://github.com/tabler/tabler into dev (35da0ff)
- Add countup functionality and update documentation example (ebca62f)
- Do not display empty (#2045) (df46ee7)
- Set font-size of webfont icon inside a button (#2046) (bc1d1a3)
- Order menu items alphabetically (#2047) (041f4e4)
- Mark value of $font-family-monospace !default (#2044) (2f622c9)
- Fix unpkg links to static-files icons (5625adc)
- Fix description of alerts with a description (#2039) (e91884e)
- Fix layout of search results for small and medium screens (#2037) (5dc45aa)
- Remove invalid z-index setting for dropdown (#2036) (17327dc)
- Fix ids of custom size star ratings (#2038) (3a4f10f)
- Remove text-decoration on hovering a element with child having an icon class (#2041) (4ae0358)
- Fix link to webfont icons (#2040) (54c5ad0)
- Update color reference links in UI component documentation to point to the correct base colors section (95c1130)
- Fix typo in browser support documentation summary (3f65120)
- Enhance Figma plugin documentation with detailed usage instructions and improved descriptions (aef54b8)
- Add documentation for Tabler Illustrations and update index to include link (d4a317b)
- Enhance documentation with descriptions and summaries for various UI and icon sections (c02b6d1)
- Add new documentation files for icons and UI components; restructure existing files (96cc4ce)
- Update documentation structure and content for icons and UI components (630552d)
- Remove outdated menu.json and add index.mdx files for UI documentation structure (a99f2b4)
- Docs update (#2034) (17ebdf4)
- Increase contrast of active dropdown-item in vertical layout (#2033) (4a9e40d)
- Remove duplicated setting of color in th (#2032) (87bf2f5)
- Increase z-index of ts-dropdown (#2031) (82cf257)
- Add social icons plugin (#2035) (9015472)
- Describe variables for datagrid in docs (3a04567)
- docs fixes (3d18600)
- docs fixes (bded6a4)
- remove unused cofig from code (9be6ea2)
- docs update (7ebb863)
- Merge branch 'dev' of https://github.com/tabler/tabler into dev (e6f2f23)
- docs update (ce3e016)
- Fix links to Tabler Icons (76708e0)
- dark iamge (7b056f9)
- update screenshot (1ef711a)
- icon fix (7d45f50)
- update docs (3e25c49)
- url fix (0377c80)
Release 1.0.0-beta22
- Fix
@charsetCSS declaration in bundle. (#2028) (c293a66) - Update docs structure (0ac8e33)
- Fix cells with inline icons (#2022) (507df7b)
- Update Tabler Emails to v2.0 (#2025) (867c8dd)
- Update Tabler Icons to v3.26.0 (#2024) (34d124d)
- Fix padding in code blocks (#2023) (f45b697)
- Make horizontal rule direction aware (#2021) (7ba7717)
- New payment providers (#2019) (5488c50)
- Base font family improvements (#2020) (faee63c)
- Fix colors in date range datepicker (#2018) (c51ff28)
- Replace
.page-centerwith.my-autoin single page layouts (#2009) (f6e885b) - Fix icon display issues in the Star Ratings component (#2007) (88eb413)
- Read changelog from
CHANGELOG.mdfile (#2004) (20cad01) - Update node to version 20 (#2005) (f83e36c)
- Fix the
z-indexvalue of thenav-tabinsidecard-tab#1933 (#1953) (65c1300) - Fix wrong CDN url in webfont.mdx (2b916dd)
- Fix ensure border color works in dark mode (#1995) (4e66e54)
- Fix #1909 - Wrong gray colors (#1957) (06584bd)
- Init VS Code config (#1959) (34f3efc)
- Update download.mdx (#1914) (8d984e5)
Release 1.0.0-beta21
- Bump
pnpm/action-setupfrom 3 to 4 (#1908) - Update dependencies (#1947)
- Update Tabler Icons to v3.14.0 (#1948)
- Update Tabler Icons import script
- Fixed the invisible scrollbar when navigating the preview in dark mode. (#1942)
- Update style
btn-closeonly when in.modal-header(#1925) - Added correct borders to the ribbon start class (#1936)
- Change brand color (#1916)
- Add docs to npm package
- Add Tabler Illustrations (#1907)
- Fix for #1768 - Use of secondary color in certain form element (#1796)
- Introduce Docker Compose Config to build and run Tabler locally (#1896)
- Allow usage of version 7.x of the
tinymcepeer dependency (#1864) - Update TinyMCE to v7.0 (#1884)
- Change Twitter to X brand (#1880)
- Use Tabler illustrations instead of the ones from undraw (#1811)
- Adding punctuation to "SECURITY.md" (#1805)
- Update
_navbar.scsswith disabled dropdown menu items colour (#1797) - Remove unused packages
- Fix map pages (#1791)
- Fix toasts not working properly on dark mode (#1780)
- Fix alert bg prefix (#1762)
- Fix typo in CHANGELOG.md (#1760)
- Fix #1585 radial chart not working properly (#1751)
- Adding documentation in Site and main README for how to run documentation site locally (#1734)
- Update colors.mdx (#1731)
- Fix dynamic SCSS prefix in mixins (#1745)
- Change
<h1>to<div>in navbar-logo.html (#1733) - Fix #1724 - vertical center error pages
- Fix navbar menu
- Add
background-clip: border-boxto.dropdown-menuclass (#1719) - Fix replacing
href="#"withhref="javascript:void(0)"(#1720) - Fix disabled CSS class for links (#1715)
- Fix some missing variables, minor tweaks to some colors (#1684)
- Fix heights, scrolls and layouts of some examples in Docs (#1705)
- Fix flags in preview (#1712)
- Updated the spelling of prev to previous in the file (#1700)
Release 1.0.0-beta20
- Update
bootstrapto v5.3.1 - Add new
Chatcomponent - Add new
Tagcomponent - Add customizable Star Ratings component using
star-rating.jslibrary - Add new color picker component using
coloris.jslibrary - Add
alerts.htmlpage with example of alerts. - Add
flags.htmlpage with list of all flags - Add Two-Step Verification Pages
- Add variable to configure
avatar-listspacing - Unify dark mode with latest Bootstrap API and improve dark mode elements
- Unify Box Shadows with Bootstrap Compatibility
- Avoid SCSS color dependency on
:focus - Update CSS class from
text-mutedtotext-secondaryfor better Bootstrap compatibility - Fix text color in dark version of navbar
- Adjusting form element sizes for enhanced mobile devices compatibility
- Resolved light dropdown issue on dark theme
- Update Tabler Icons to version 2.32 with 48 new icons added
- Fix table default background color
- Fix responsiveness issue in Settings menu
- Update required Node.js version to 18 and add
.nvmrcfile - Add support for changeset tool for more efficient and organized code changes
Dockerfilefix- Switch from
npmtopnpmfor faster package installation
Release 1.0.0-beta19
- Add customizable Star Ratings component using
star-rating.jslibrary (#1571) (d380224) - Add new Filled section to Icons page (#1574) (35ee14d)
- open Documentation in new window (a36d14c)
- Fix form controls bugs in dark mode (#1573) (a0a2d52)
- Bump actions/add-to-project from 0.4.1 to 0.5.0 (#1528) (260b53e)
- Fix text color in dark version of navbar (#1569) (056df18)
- Changelog update (8a6f03e)