DEV Community

Cover image for GMX.css: The most lightweight Material Design-based framework
LIGMATV
LIGMATV

Posted on • Edited on

GMX.css: The most lightweight Material Design-based framework

I used to create my website with Beer.css, it's very lightweight and easy to reusable the components and customizable. And later, i found M3 Svelte which have a perfect Material Design Guideline and good-looking too, but sadly that framework is just for Svelte framework, meanwhille me just HTML5 framework. So i decide to make my own framework...

Understanding

GMX.css is an new CSS framework that implements the Material 3 design system in Vanilla CSS/JS, from the components to the animations to the theming. I used to make this framework for my own, but i decide to publish it on GitHub. That's because there's already a bunch of components already (Thought it's just realeased in yesterday).

Feature

It's was really lighweight. So far, with 15 components already implemented, the unminified (full) version size is just 19,3 KB! Thought it has a lot of variables and utilities. But this framework is not yet stable, so there are still many things that untidy so that this framework is still not perfect. But it's already responsive!

On dekstop On desktop

On phone On phone

Try it

Try it, and give me some comment... Thanks.
https://ligmatv.is-a.dev/gmx.css/ (Source code)

Reinvent your career. Join DEV.

It takes one minute and is worth it for your career.

Get started

Top comments (0)

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay