Angular 21, smarter AI, and what's next for JitBlox

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!

Get started with JitBlox - It's free

Comments powered by Talkyard.

Read next