SanityPress v6: Modern Web Design with Tailwind 4

SanityPress has always been about keeping your development workflow modern, intuitive, and blazing fast. Today, we’re thrilled to announce the release of SanityPress v6.0, which comes with one major shift: upgrading from Tailwind 3 to Tailwind 4.

But this isn’t just another version bump—it’s a step forward in embracing a CSS paradigm that emphasizes simplicity, performance, and maintainability.

Out with the Old: Goodbye TypeScript Config¶

In v6.0, we’ve officially transitioned from using a TypeScript config file for Tailwind to a raw CSS stylesheet for configuration. This change aligns SanityPress with the latest best practices in Tailwind 4, providing a streamlined setup that’s easier to manage and customize.

Here are some of the key updates to Tailwind 4:

• A New Engine Built for Speed: Tailwind's engine has been rewritten to improve build times dramatically. For instance, the Tailwind CSS website's build time decreased from 960ms to 105ms.
• Unified Toolchain: With the integration of Lightning CSS, Tailwind now offers built-in support for @import handling, vendor prefixing, and nesting, eliminating the need for additional plugins like postcss-import or autoprefixer.
• Designed for the Modern Web: Tailwind v4.0 leverages modern CSS features such as native cascade layers, explicitly defined custom properties, and container queries, ensuring your projects are future-proof.

Why Tailwind? The Evolution of CSS¶

If CSS methodologies were people, Tailwind would be the bold new kid, full of confidence and innovation. Meanwhile, older conventions like BEM, SCSS, and SASS (as great as they were) represent a bygone era of verbose class names and deeply nested styles.

"The Old Guard of CSS: Respected for their legacy, but stepping aside for a brighter, more dynamic future."

Tailwind simplifies what these older conventions tried to perfect by removing the need for abstraction altogether. Its utility-first approach allows developers to focus on building without the mental overhead of managing multiple layers of styling.

"The New Kids on the Block: Modern, dynamic, and ready to innovate."

At SanityPress, we believe Tailwind is the future of CSS, and our commitment to this modern utility-first framework reflects our confidence in its ability to keep your projects efficient and cutting-edge.

What's Next for SanityPress?¶

While v6.0 is a significant milestone, our journey doesn’t stop here. With Tailwind 4 as our foundation, we’re exploring new ways to:

• Expand customization options without compromising simplicity.
• Continue optimizing for perfect Lighthouse scores (a SanityPress hallmark).
• Develop modules that leverage Tailwind's dynamic theming capabilities.

Ready to make the leap?¶

Upgrade your project to SanityPress v6.0 today and embrace the future of CSS with Tailwind 4. Whether you’re building a sleek blog, a high-performance portfolio, or the next big eCommerce platform, SanityPress has you covered.

Got questions or thoughts about Tailwind or the update? Drop a comment below—let’s geek out about the future of web design together! 🚀