Components

All 25+ q2w-mapcss components. Click any card to see live preview, usage, modifiers, and copy-paste markup.

Quick start

Use the compiled CSS and copy snippets into a Leaflet qgis2web export.

Local CSS

copy file

<link rel="stylesheet" href="css/q2w-mapcss.css">

Hosted CSS

Cloudflare Pages

<link rel="stylesheet" href="/dist/q2w-mapcss.css">

Body helpers

adapter

<body class="q2w-qgis2web q2w-has-footer q2w-controls-below-header">

Snippets are available under snippets/: header, footer, welcome modal, help modal, legend panel, and popup.

Tokens

q2w-mapcss exposes themeable design tokens through the --q2w-* prefix. Use them to align your export chrome, legends, and overlays without editing generated qgis2web JavaScript.