Zinq zinq

Tailwind 4

Posted on: January 27, 2025 by Matt

^0.10.0

# Zinq Now Supports Tailwind CSS 4!

We are happy to announce that Zinq has been updated to fully support Tailwind CSS 4! All components, builders, and layouts have been upgraded to work with the latest version of Tailwind.

With Zinq’s approach of bundling precompiled Tailwind styles directly into its CSS files, users can enjoy the benefits of Tailwind 4 without needing to manually reconfigure their projects. This ensures a smooth transition and allows you to leverage the power of Tailwind 4 features right out of the box.

# Upgrading

For existing users, updating to Tailwind CSS 4 in Zinq is straightforward. You don’t need to make any manual changes to your Tailwind configuration or CSS files. Simply upgrade Zinq package as asual via composer composer update mattb-it/zinq

# Other improvements

  • We have slightly modified the default text color in light mode. It now uses zinq-text-600 instead of #212529 , ensuring a better user experience.
  • Links are now displayed using text-zinc-900 with a small bold style. This ensures better contrast, making it easier for users to spot links within the text.

Happy coding!


Newsletter

Join other developers and never miss out on new tips, tutorials and Zinq updates!