---
title: "FreshJuice DEV v3.0.0 – major developer edition release with TailwindCSS v4 upgrade"
description: "Discover the biggest FreshJuice update yet – Developer Edition v3.0.0. Featuring TailwindCSS v4 upgrade, cleaner CSS, improved JavaScript, and a rebranded developer-focused theme for HubSpot."
author: "Alex Zappa"
date: "2025-08-14T02:48:00.000Z"
url: "https://freshjuice.dev/blog/freshjuice-dev-v3-release/"
---
# FreshJuice DEV v3.0.0 – major developer edition release with TailwindCSS v4 upgrade

August 14, 2025 • Written by [Alex Zappa](https://freshjuice.dev/authors/reatlat/)

We are excited to announce the **third major release** of FreshJuice — now rebranded as **FreshJuice DEV (Developer Edition)**! 🎉  
This update is focused on developers, with a cleaner codebase, improved tooling, and a major upgrade to our CSS framework.

![Cat drinking orange juice in a hammock with a MacBook](https://freshjuice.dev/_astro/cat-hammock-orange-juice.DpUVy8Em_QG1ni.webp)

**Attention developers!** This is our biggest refactor yet. With this release, we’ve made FreshJuice faster, easier to maintain, and better suited for advanced customization.

## 🚀 Major changes

### 🎨 Rebranding & version bump

FreshJuice is now officially **FreshJuice DEV (Developer Edition)**.  
This name change reflects our focus on making the theme the perfect foundation for developers building HubSpot sites.  
We’ve updated the repository structure, build scripts, and all internal references.  
The version has been bumped to **v3.0.0** to mark these breaking changes.

### 🆙 TailwindCSS upgrade to v4.0.0

One of the most important changes: we’ve upgraded **TailwindCSS from v3.x to v4.0.0**. This brings:

-   **Zero-config setup**: `tailwind.config.js` is no longer required by default.
-   Built-in **JIT mode** and automatic class scanning.
-   More optimized CSS output out of the box.

⚠️ **Breaking change:** If you had custom Tailwind configuration, check out the [Tailwind v4 Migration Guide](https://tailwindcss.com/docs/upgrade-guide?utm_source=freshjuice.dev) before updating.

### 💅 CSS & UI improvements

-   Removed the `fj-` prefix from all CSS classes for a cleaner, more consistent naming convention.
-   Added new CSS utilities for margins, text colors, and hover effects.
-   Improved styling consistency across multiple modules.

### ⚙️ JavaScript enhancements

-   Improved **MutationObserver** to better handle DOM changes and remove nodes efficiently.
-   Added helper functions `isCheckbox` and `isRadio` for cleaner, reusable code.
-   Refined `initTree` and `destroyTree` logic for better DOM manipulation and memory management.

### 🧹 Cleanup & dependencies

-   Removed unused configuration files: `tailwind.config.js` and `postcss.config.js`.
-   Updated dependencies in `package.json` and `package-lock.json`.
-   Bumped **esbuild** to `0.25.9`.
-   Updated Node.js prerequisite to **v22.0.0**.

## 📚 Documentation

We’ve updated the [README](https://github.com/freshjuice-dev/freshjuice-dev-hubspot-theme/blob/main/README.md?utm_source=freshjuice.dev) with:

-   New demo link for FreshJuice DEV (Developer Edition).
-   Updated setup instructions to match Tailwind v4 workflow.
-   Notes on breaking changes and migration tips.

## 🐞 Bugfixes

-   Fixed minor inconsistencies in class usage across modules.
-   Improved DOM cleanup to prevent memory leaks in certain scenarios.

[Check out the full changelog](https://freshjuice.dev/developer-edition/changelog/) for all details on this update.

---

This release is all about **making FreshJuice a better starting point for developers**, with faster builds, cleaner styles, and modern tooling. We can’t wait to see what you’ll build with **FreshJuice DEV v3.0.0**! 🍹

May the 4th be with you,  
[Alex](https://alex.zappa.dev)

-   [#FreshJuice](https://freshjuice.dev/tags/freshjuice/)