GMX.css

GMX.css implements the Material 3 design system in Vanilla CSS/JS, from the components to the animations to the theming.



Getting started
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@refs/heads/main/gmx.css">

v0.0.12

Button





Segmented button


FAB

Card

Hello

Dialog


Permanently delete?

Deleting the selected messages will also remove them from all synced devices.

Bottom sheet

List

  • This is a headline

    This is supporting text

  • This is a headline

    This is an example of supporting text for a list item component showcase.

Progress




Menu

  • Undo
  • Redo
  • Cut

Radio

Checkbox

Switch

Text field

Chip

Tabs