Tailwind 4.3, New Claude Models, and API Mocking with MSW

Tailwind 4.3, New Claude Models, and API Mocking with MSW

Today we're releasing another JitBlox update that brings us one step closer to supporting frameworks beyond Angular. In addition to integrating the latest Tailwind CSS utilities into our designer and updating our AI models, we’ve also made a less visible (but equally important) framework-agnostic change to how API mocking works in applications generated with JitBlox.

If you're not already familiar with JitBlox, it's a visual web app builder that lets you build working web apps without coding, leveraging leading UI libraries and front-end frameworks. JitBlox is an easy way for you and your team to quickly build new ideas and start your next web project with solid source code and front-end libraries that developers are already familiar with.

New Tailwind CSS Utilities

Today's release includes support for most of the Tailwind CSS utilities introduced in Tailwind 4.2 and 4.3. Highlights include:

  • New mauve, olive, mist, and taupe color palettes.
  • New logical spacing utilities for padding, margin, scroll padding, scroll margin, and borders, such as margin block start/end.
  • New logical sizing utilities for inline size and block size, including min and max variants.
  • New mask image effects.
  • Expanded options for flex alignment and background-position.
  • New shadow color utilities, including box-shadow-color, text-shadow-color, and inset-shadow-color.
  • New scrollbar utilities for controlling scrollbar width and color.
  • A new zoom utility.
  • A new tab-size utility for controlling the width of tab characters (note that this only affects text inside a <pre> element).
Some of the new Tailwind 4.3 utilities

For a complete overview, see the official Tailwind CSS 4.3 announcement.

The Latest Claude AI Models

The JitBlox AI Assistant now runs on the latest Claude models, with Claude Opus 4.8 serving as the new flagship model and delivering significantly improved results compared to our previously used version 4.6. Pricing remains unchanged compared to previous model versions. The currently supported models are:

  • Claude Haiku 4.5
  • Claude Sonnet 4.6
  • Claude Opus 4.8
Claude Opus 4.8 Shoelace with Tailwind CSS output

JitBlox Now Uses MSW for API Mocking

When designing a web application with JitBlox and using API stubs to enrich your designs with realistic data, the underlying implementation is probably not top of mind. However, once you download your application's source code, it's helpful if connecting to a real API requires as few code changes as possible.

JitBlox now generates MSW (Mock Service Worker) code for API mocking. MSW is a powerful mocking library that enables developers to work with mock data in a client-agnostic way. Instead of modifying API client code, MSW intercepts network requests and returns simulated responses before they reach the actual API.

This approach keeps your application's API client code free from mock-specific logic, making the transition to a production API straightforward. When you're ready to connect your application to a real backend, switching over is as simple as disabling the mocks.

Get started with JitBlox - It's free

Comments powered by Talkyard.

Read next