Introduction

Mica is a front-end library built from custom element tags, native HTML elements, and CSS. Behavior comes from the browser, not from a runtime: <dialog> traps focus, popover handles menus, <m-vstack> is a styling hook that needs no registration. View source on any page here — there is nothing but HTML and one stylesheet.

Install

<link rel="stylesheet" href="mica.css" />

Use

<m-vstack gap="lg">
  <h1>Hello</h1>
  <button class="primary">Submit</button>
</m-vstack>

The three tiers

Every component states where its behavior comes from. Tier 0: pure CSS custom tags (layout). Tier 1: styled native elements (forms, dialog, tables). Tier 2: tiny opt-in modules where accessibility genuinely requires script — each one enhances working markup, never renders it.