Changelog

27 new icons:

• outline/arrow-bar-to-down-dashed
• outline/arrow-bar-to-left-dashed
• outline/arrow-bar-to-right-dashed
• outline/arrow-bar-to-up-dashed
• outline/chalkboard-teacher
• outline/filter-2-bolt
• outline/filter-2-cancel
• outline/filter-2-check
• outline/filter-2-code
• outline/filter-2-cog
• outline/filter-2-discount
• outline/filter-2-dollar
• outline/filter-2-down
• outline/filter-2-edit
• outline/filter-2-exclamation
• outline/filter-2-minus
• outline/filter-2-pause
• outline/filter-2-pin
• outline/filter-2-plus
• outline/filter-2-question
• outline/filter-2-search
• outline/filter-2-share
• outline/filter-2-spark
• outline/filter-2-up
• outline/filter-2-x
• outline/filter-2
• outline/filter-spark

Fixes

• Fix filled icons on React Native
• Reduce the size of TypeScript bundle

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-radius in components to use CSS variables
• 042e50f: Update disabled color variables in navbars
• 473fa38: Apply border radius to tom-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: Fix autosize and input 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

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.2.0

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

In our Easter update, we’ve introduced 5 new illustrations to our collection to help you create captivating designs. These include:

• Easter Egg: A vibrant and colorful Easter egg, perfect for holiday-themed projects, greeting cards, or festive designs.
• Easter Bunny: A cheerful Easter bunny illustration, ideal for celebrating the season with playful and charming visuals.
• Chill Sofa: A cozy scene of relaxation on a sofa, great for lifestyle, wellness, or leisure-related content.
• Morning: A morning scene featuring a man with a coffee gazing out the window, accompanied by a sleeping cat. Perfect for projects focused on relaxation, routines, or peaceful moments.
• VR: A futuristic depiction of virtual reality, ideal for tech, gaming, or innovation-related designs.

We’ve added 5 new illustrations to our collection to help you create captivating designs. These include:

• Cat: A playful illustration featuring a sleeping cat, perfect for pet-related projects or whimsical designs.
• Chill: A relaxing image of a person sitting in nature, ideal for wellness, relaxation, or lifestyle themes.
• Good info: An illustration showcasing people celebrating a success, great for business, teamwork, or achievement-related content.
• Payment: A presentation of payment or internet transfer, perfect for finance, banking, or e-commerce projects.
• Searching for a signal: A graphic of people looking for a signal, suitable for technology, connectivity, or communication themes.

18 new icons:

• outline/cash-banknote-edit
• outline/cash-banknote-heart
• outline/cash-banknote-minus
• outline/cash-banknote-move-back
• outline/cash-banknote-move
• outline/cash-banknote-plus
• outline/cash-edit
• outline/cash-heart
• outline/cash-minus
• outline/cash-move-back
• outline/cash-move
• outline/cash-plus
• outline/moneybag-edit
• outline/moneybag-heart
• outline/moneybag-minus
• outline/moneybag-move-back
• outline/moneybag-move
• outline/moneybag-plus

Fixed icons: outline/cash-banknote, outline/cash, outline/moneybag

Improvements:

• Remove unused ligatures from @tabler/icons-webfont package.