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 the star-rating.js library.
• Color Picker: A sleek, intuitive color picker using the coloris.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 class text-muted to text-secondary for 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.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 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.