Material Design 3: Theme template + components
Note: Theme colours don't display on WF's previewer because this project uses css variables. Click "live site" to see the site with colours. This project is not affiliated in any way with Google or their Material Design team.
A Webflow port of Google's Material Design 3 components. All using:
- Native WF components
- WF colour tokens
- Persistent light & dark mode
- CSS variables for colours
There's lots of custom styles in each component, so be sure to select the entire wrapper when copying and pasting components!
The navigation component contains the site's theme. Colours across most elements won't work without the nav somewhere on the page, even if it's hidden in a wrapper.
I'm still actively working on this to clean up rough edges, and need to run around crediting libraries where I've used them.
If you've got any feedback, need help or if there's anything you'd like to see, please drop me a note via team@ephyna.co.uk!