Hi everyone!
We are very excited to announce the beta release of our new Material Design 3 theme! But this is more than just another theme – it’s a new way of building themes in Anvil.
A new Material 3 theme
This theme is based on Google’s Material 3 design system. Unlike previous themes, this doesn’t just mean styling the built-in Anvil components, plus some static HTML thrown in. This theme provides loads of brand-new components that precisely implement M3’s look and behaviour, and dynamic, responsive layouts to describe M3 page structure.
We’ve also added extra customisation options that make it easier to style your apps without CSS. The M3 components offer M3-specific styling properties, as well as full control over their margin and spacing:
Bonus: Yes, these spacing properties are now available on built-in Anvil components!
We are releasing a new theme based on the specs and guidelines of Google’s Material 3 design system.
To learn more about the New Material 3 theme, take a look at the documentation – then head to the Anvil Editor and create a New M3 app!
A new approach to themes
The new Material 3 theme is built entirely in Anvil. It builds on all the features we’ve been releasing over the last year: it’s built with custom components driving HTML from Python, with live updates made possible by the new designer, tied together with layouts.
In fact, the Material 3 theme is just an Anvil app, used as a dependency. We’ll be putting it up on GitHub soon so you can take a look!
Everything that we did to build M3 uses public APIs – so everything we did, you could do to create your own theme. (Hint, hint.)
Because the New Material Theme is just an Anvil app, updating to new versions is also easy! Just go into your Dependencies and choose a new version. (You can even add it to existing apps – its third-party dependency key is 4UK6WHQ6UX7AKELK – although it might fight with your existing CSS.)
And more…
Read the full announcement blog post to learn more about the new Material 3 and all the handy features that come with it:
Get started
To get started simply head to the Anvil dashboard and create a New Material 3 app.
This is a beta release, which means there might be some issues. As always, please let us know in the Q&A forum if you run into trouble. We’re looking forward to hearing what you think!
Happy coding!