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@main/gmx.css">
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@2.1.0/dist/iconify-icon.min.js"></script>

v0.0.13





Button





Segmented button


FAB

Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

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

Dropdown
  • Undo
  • Redo
  • Cut

Radio

Checkbox

Switch

Text field

Chip

Tabs