Changelog

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.

18 new icons

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

• filled/current-location
• filled/exposure
• filled/eye-table
• filled/eyeglass-2
• filled/face-mask
• filled/fence
• filled/fidget-spinner
• filled/file-description
• filled/file-digit
• filled/file-horizontal
• filled/file-invoice
• filled/file-minus
• filled/file-neutral
• filled/file-power
• filled/file-sad
• filled/file-smile
• filled/file-star
• filled/file-text

In this release, we’ve fixed an issue where the installation of Tabler Icons failed when using the workspace: protocol in the package.json file.

18 new icons

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

• filled/arrow-autofit-down
• filled/arrow-autofit-height
• filled/arrow-autofit-left
• filled/arrow-autofit-right
• filled/arrow-autofit-up
• filled/arrow-autofit-width
• filled/cloud-computing
• filled/cloud-data-connection
• filled/fish-bone
• filled/pig
• filled/spider
• filled/sun-high
• filled/sun-low
• filled/sunrise
• filled/sunset-2
• filled/sunset
• filled/temperature-minus
• filled/temperature-plus

Fixed icons: outline/file-text-shield, outline/replace-user