Angular 21, smarter AI, and what's next for JitBlox
The past couple of months have been exciting at JitBlox. Since launching the beta of our AI assistant, we’ve seen more and more users create polished layouts in record time. Based on real-world usage, we’ve made several improvements to the AI experience. Follow-up prompts were not always handled reliably, and widget generation - especially for Bootstrap elements like Tabs and Accordions - was not always consistent. With our latest release, these rough edges should be a thing of the past.
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 UI components that developers are already familiar with.
Angular 21 support is here 🎉
Angular moves fast, with a new major release every six months. At JitBlox, we believe it is important to keep up to date so that you always download source code that supports the latest and greatest.
As of today, all new JitBlox projects target Angular 21 by default. If you already have an existing project, you’ll be prompted to upgrade when you’re ready.
Why Angular 21 matters
Angular 21 isn’t just another version bump - it brings meaningful improvements that make everyday development simpler down the line:
- Better performance without zone.js: New Angular projects no longer include zone.js by default, reducing complexity and improving performance.
- Accessibility improvements: The preview release of Angular Aria provides building blocks for creating accessible UIs, benefiting keyboard and screen-reader users.
- Improved developer tooling: The Angular CLI now uses Vitest as the default testing framework, speeding up and simplifying test runs.
- More AI-friendly: Angular continues to add features that help AI tools better understand your project—making suggestions, surfacing best practices, and linking to official documentation.
- Simpler, smarter forms (experimental): A new, more reactive approach to building forms makes them easier to work with, even though the feature is still marked as experimental.
Together, these changes make Angular 21 a strong foundation for modern, AI-assisted front-end development.
More frameworks on the way 🌍
Choice matters. That’s why expanding framework support is a key part of JitBlox’s roadmap.
We’re currently working hard on both React and Vue support (!), and early results are very promising. Our goal is to evolve JitBlox into a true cross-framework UI builder - one where you can design UI in a uniform, interactive way using your preferred component library, without locking yourself into a framework upfront.
More details coming soon - stay tuned!
Some small (but important) changes to custom components and CSS
To ensure layouts behave consistently across frameworks in the future, we’ve updated the default CSS display value for custom Angular components.
- Before:
display: content - Now:
display: block
This aligns better with developer expectations and provides more predictable layout behavior. While this is technically a breaking change, we expect it to affect only a small number of projects. If you do notice layout issues, you can easily revert to the old behavior by setting display: content manually in the style editor.
Furthermore, starting with projects focused on Angular 21, the extension of stylesheets generated by JitBlox is .css instead of .scss (also known as Sassy CSS). The CSS landscape has evolved so rapidly that features that were previously exclusive to Sass are now available natively, making CSS a good default. Downloaded Angular projects can easily be converted to Sass if desired.
Other recent improvements ✨
A few more updates worth highlighting:
- We’ve added new starter templates, with a special focus on Shoelace and Tailwind.
- Our real-time preview code generator has received a performance upgrade. We have optimised the way generated code is prepared for the browser and completely replaced the Babel transpiler with the TypeScript compiler for better performance and efficiency.
As always, thank you for building with JitBlox and for sharing your feedback - it directly shapes what we ship next. We’re excited about what’s ahead!
Read next
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.
JitBlox 1.4: UX improvements, an enhanced template preview and more
Announcing JitBlox 1.4, with a host of small but significant usability changes for both developers and less tech-savvy users.
Tailwind 4 support is here (and how to create a custom Tailwind theme without coding)!
Tailwind 4 support is here! Check out how we've made working with Tailwind and other CSS libraries even easier.
Comments powered by Talkyard.