A pseudo-glass design system — shared styling & behavior for every project.
The core .arch-glass utility, with an adjustable blur.
Radio-driven variant (native keyboard/screen-reader semantics):
Vertical variant, with an icon over a caption per tab:
Lucide, referenced by name — see docs/icons.md.
Sized by --arch-icon-size:
Stroke weight by --arch-icon-stroke (1.5 / 2 / 2.5 default / 3):
Positioned relative to the button, clamped to the viewport.
The body scrolls on its own when the content outgrows the dialog.
Built entirely from a definition array by js/menu.js — click a
trigger, then sweep across the bar to switch menus, or use the arrow keys.
Drag any row by its handle to reorder the list.
Drag a panel by its handle onto another to swap them, or below the last panel in a column to relocate it there.
Applied globally to every scrolling element — no class needed.
.arch-scrollbar-none opts a region out of showing one at all.
Scrolls vertically.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Scrolls both ways.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Heading 1
Heading 2
Lorem ipsum dolor sit amet consectetur adipisicing.
arch-style-lib