Changelog

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.

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.

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

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

18 new icons:

In this release, we’ve added 18 new filled icons:

• filled/drop-circle
• filled/dual-screen
• filled/dumpling
• filled/egg-fried
• filled/escalator-down
• filled/escalator-up
• filled/escalator
• filled/exchange
• filled/explicit
• filled/file-check
• filled/file-code-2
• filled/file-cv
• filled/file-delta
• filled/file-download
• filled/file-lambda
• filled/file-percent
• filled/file-phone
• filled/file-rss

Improvements

• Added missing categories to over 100 icons.
• The @tabler/icons-webfont package now includes fonts for icons with 1px and 1.5px thinner strokes.

Fixes

• Fixed a bug where filled icons from the sprite were being drawn as non-filled (Thank you @x-tropy!)

We’re excited to unveil Tabler v1.0.0, a landmark release packed with powerful new features, refined components, and significant improvements. Whether you’re building complex web applications or straightforward dashboards, this release takes Tabler to the next level with a focus on usability, performance, and modern development workflows.

🆕 What’s New in Tabler v1.0.0?

🌟 New Components and Pages

Tabler v1.0.0 introduces several new components and pages to enrich your toolkit:

• Tag Component: A versatile, visually appealing component to categorize and label items.
• Star Ratings: A customizable star rating system built with the star-rating.js library.
• Color Picker: A sleek color picker using coloris.js for enhanced interactivity.
• Chat Component: A ready-to-use chat interface for seamless integration into your applications.
• Alerts Page: A dedicated alerts.html page demonstrating various alert styles.
• Flags Page: A comprehensive flags.html page featuring global flag assets.
• Payment Providers Page: Support for 40+ payment providers, including Apple Pay, Google Pay, Venmo, Binance USD, and many others.

🎨 Design Enhancements

This release focuses on improving design consistency and accessibility:

• Updated Primary Color: The primary color has been refreshed to match the new Tabler branding.
• Dark Mode Improvements: We’ve unified dark mode styling using the latest Bootstrap API, ensuring a more consistent user experience.
• Bootstrap Compatibility: Updated the CSS class from text-muted to text-secondary for better integration with Bootstrap.
• Improved Mobile UX: Adjusted form element sizes for enhanced usability on smaller screens.

🚀 Feature and Workflow Updates

A Modern Static Site Generator: Eleventy

One of the biggest updates in this release is the migration from Jekyll to Eleventy. Eleventy offers:

• Faster builds: Streamlined performance for modern development needs.
• Flexible customization: Easier to tailor for your specific projects.
• This change ensures that Tabler remains future-proof while maintaining a developer-friendly environment.

Enhanced Development Tools

• Tabler Icons Update: Updated to v2.23 and v3.29.0, introducing 18 new icons to expand your design possibilities.
• Tabler Illustrations Update: Upgraded to v1.5, providing high-quality visuals for modern applications.
• Docker Compose Support: Simplified local development with a new Docker Compose configuration for quick project setup.

🛠️ Fixes and Improvements

Bug Fixes

• Resolved dark mode color inconsistencies across components.
• Fixed navbar and dropdown menu styling issues in dark mode.
• Improved layout of search results for smaller screen sizes.

Performance Upgrades

• Removed unused dependencies for a leaner, faster build process.
• Refactored SCSS variables with color.adjust for better color manipulation and flexibility.

🔧 Developer-Focused Enhancements

• Visual Studio Code Config: Pre-configured settings ensure a seamless coding experience right out of the box.
• Node.js Upgrade: Minimum Node.js version has been updated to 18, with support for 20, leveraging the latest features and performance improvements.
• Switch to pnpm: We’ve replaced npm with pnpm for faster and more efficient package management.
• Changelog Automation: Automatically retrieve and display updates directly from CHANGELOG.md.

⚙️ Minor Tweaks and Enhancements

• Enhanced base font-family for faster and better rendering.
• Added support for border-opacity variables for improved color utilities.
• Improved horizontal rule alignment for consistency.

Why Tabler v1.0.0?

This release isn’t just an incremental update — it’s a major leap forward for developers seeking a modern, responsive, and robust UI framework. The transition to Eleventy, the introduction of new components, and the improvements to dark mode and performance solidify Tabler as an industry-leading solution for building stunning web interfaces.

Get Started with Tabler v1.0.0

Ready to explore the latest features? Download Tabler v1.0.0 today and start building with the most advanced version of Tabler yet! 🚀

• View Documentation
• View Preview
• Download Tabler v1.0.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 expanded our collection with five new illustrations to make your designs even more engaging! These include:

• Valentine’s Day Gift: A heartwarming illustration featuring a couple where a man gives a woman a Valentine’s card, perfect for celebrating love and special moments.
• Valentine’s Day Heart: A charming depiction of a man presenting a huge heart to his partner, ideal for romance-themed designs.
• Valentine’s Day Love: A delightful illustration symbolizing love, complete with soft, romantic elements.
• Discount: An illustration emphasizing discounts, ideal for promotions, sales, and marketing campaigns.
• Shopping: A vibrant illustration depicting a shopping scene, perfect for e-commerce or retail-related projects.