Enhance button and hover animations

Improved button and hover animations for a more interactive experience. Icons inside buttons now support smooth animations on hover, adding subtle motion that enhances visual feedback and usability without overwhelming the interface.

Update Bootstrap to v5.3.7

Updated Bootstrap to version 5.3.7, bringing the latest security patches, performance improvements, and compatibility with modern browser standards.

What's Changed

• 9951fe9: Enhance button and hover animations
• a200d30: Improve breadcrumb styles
• 49ab9ea: Add new Tabler Illustrations
• 6c4dd36: Update class names from*-left,*-right to*-start,*-end
• 6fec73a: Fix relative line heights in buttons
• db6200a: Removelicense_key option from HugeRTE init object
• e96f055: Add different favicon to development environment
• 6c38a48: Update Bootstrap to v5.3.7
• 2a12f72: Update CSS calculations to usecalc()
• 666a296: Fix list group item hoverable only with.list-group-hoverable class
• cfd4cb6: Fix.pagination-link hover styles to non-active items

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: Correctaria-label of 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 missingtw entry inflags.json
• 19a3d20: Delete missing demo RTL style
• b5e2f54: Enhance dropdown components for better accessibility
• a41c956: Remove unnecessary!important from 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! 🚀

• View Documentation
• View Preview
• Download Tabler v1.3.0

We’d love to hear your thoughts and see what you build with this release. Share your feedback and creations with us!

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: Refactorborder-radius in components to use CSS variables
• 042e50f: Update disabled color variables in navbars
• 473fa38: Apply border radius totom-select on 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: Fixautosize andinput mask plugins 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

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: EnablescrollSpy incountup module
• 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

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

• Tag Component: Introducing a versatile tag component for labeling and categorization needs.
• Star Ratings: Fully customizable star rating system powered by thestar-rating.js library.
• Color Picker: A sleek, intuitive color picker using thecoloris.js library.
• 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 classtext-muted totext-secondary for seamless integration.
• Improved Mobile UX: Adjusted form element sizes for enhanced compatibility on mobile devices.

🚀 Feature Updates

• Tabler Icons Update: Upgraded tov2.23 andv3.29.0, adding a total of 18 new icons.
• Tabler Illustrations Update: Upgraded tov1.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 utilizecolor.adjust for 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 fromCHANGELOG.md.
• Node.js Upgrade: Minimum required Node.js version updated to20.
• Switch topnpm: 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 ourofficial documentation.

• 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)

• Documentation improvements (#2042) (c510fdf)
• Merge branch 'dev' ofhttps://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' ofhttps://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)

• Fix@charset CSS 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-center with.my-auto in single page layouts (#2009) (f6e885b)
• Fix icon display issues in the Star Ratings component (#2007) (88eb413)
• Read changelog fromCHANGELOG.md file (#2004) (20cad01)
• Update node to version 20 (#2005) (f83e36c)
• Fix thez-index value of thenav-tab insidecard-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)

• Bumppnpm/action-setup from 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 stylebtn-close only 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 thetinymce peer 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.scss with 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
• Addbackground-clip: border-box to.dropdown-menu class (#1719)
• Fix replacinghref="#" withhref="#" (#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)

• Updatebootstrap to v5.3.1
• Add newChat component
• Add newTag component
• Add customizable Star Ratings component usingstar-rating.js library
• Add new color picker component usingcoloris.js library
• Addalerts.html page with example of alerts.
• Addflags.html page with list of all flags
• Add Two-Step Verification Pages
• Add variable to configureavatar-list spacing
• 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 fromtext-muted totext-secondary for 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.nvmrc file
• Add support for changeset tool for more efficient and organized code changes
• Dockerfile fix
• Switch fromnpm topnpm for faster package installation