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).
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
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.
Read next
Building in-app navigation with JitBlox has become easier: file-based routing explained
Learn how building in-app navigation with JitBlox has evolved, including predictable paths, nested navigation, and path overrides — no code required.
Angular 21, smarter AI, and what's next for JitBlox
JitBlox now supports Angular 21, delivers a smarter AI assistant, improves previews, and adds new templates. React and Vue support are coming, moving JitBlox closer to a true cross-framework UI builder.
Accelerate no-code frontend development with JitBlox's new AI assistant
Our powerful visual designer now has AI integration! Accelerate AI-driven frontend development using leading UI libraries and without vendor lock-in.
A guide to using Tailwind UI blocks in your component-based web app
In this step-by-step guide, you will learn how to get the most out of Tailwind CSS, and Tailwind UI blocks in particular, in your data-driven, component-based web app without coding.
JitBlox 1.5: Angular 20 support, new components and more UX improvements
Announcing JitBlox 1.5, featuring Angular 20 support, Bootstrap Offcanvas and Modal components and updates to make JitBlox even more user friendly.
Adding a Bootstrap Offcanvas or Modal to your Angular app without coding
Learn how to add a working Bootstrap Offcanvas or Modal component to your Angular project within a minute - without coding.
Comments powered by Talkyard.