glossary
M
245 names, 184 of them aliases · all letters
- -ms-high-contrast→ Forced colors modecolor
- @mention→ Mention autocompletepattern
- M3 Expressive→ Material 3 Expressiveaesthetic
- macro whitespace→ Whitespacelayout
- Magazine layoutlayout
- magazine style web design→ Editorial web designaesthetic
- magic corners→ Fitts's lawinteraction
- magic indicator→ Sliding indicatormotion
- magic line→ Sliding indicatormotion
- Magic linkpattern
- Magic tapaccessibility
- Magnetic buttonmotion
- magnetic cursor→ Magnetic buttonmotion
- magnetic effect→ Magnetic buttonmotion
- magnetic guides→ Smart guidesinteraction
- magnetic hover→ Magnetic buttonmotion
- magnetic snapping→ Snappinginteraction
- magnified dock→ Dock magnificationmotion
- magnifier keyhole→ Screen magnificationaccessibility
- main landmark→ Landmarkaccessibility
- main menu→ Menu barcomponent
- main navigation→ Global navigationlayout
- major third scale→ Modular scaletypography
- mallsoft→ Vaporwaveaesthetic
- manage preferences maze→ Obstructionpattern
- managing focus→ Focus managementaccessibility
- manipulative design→ Dark patternpattern
- manual activation→ Selection follows focusinteraction
- manual pagination→ Load morepattern
- Marching antsmotion
- margin note→ Sidenotelayout
- margin-inline→ Logical propertieslayout
- marginalia→ Sidenotelayout
- margins→ Layout marginslayout
- mark mode→ Marking menuinteraction
- markdown editor→ Rich text editorcomponent
- Marking menuinteraction
- Marking patternlayout
- Marqueemotion
- marquee selection→ Lasso selectioninteraction
- mascot UI→ Kawaii UIaesthetic
- mask reveal→ Wipemotion
- masked input→ Input maskcomponent
- masking→ Reveal animationmotion
- Masonrylayout
- masonry layout→ Masonrylayout
- mass→ Spring animationmotion
- master detail→ List detaillayout
- masthead→ Page headerlayout
- matched family→ Superfamilytypography
- Material 3→ Material Youaesthetic
- Material 3 Expressiveaesthetic
- Material color space→ HCTcolor
- Material Symbols→ Icon fonttypography
- Material Youaesthetic
- material-color-utilities→ HCTcolor
- matting→ Letterboxinglayout
- max-width wrapper→ Containerlayout
- Maximalismaesthetic
- maximalist web design→ Maximalismaesthetic
- maybe later loop→ Naggingpattern
- MCM→ Mid-century modernaesthetic
- mdash→ Em dashtypography
- mean line→ X-heighttypography
- meaningful sequence→ Reading orderaccessibility
- Measuretypography
- Meatball menucomponent
- media→ Imagecomponent
- media alternative→ Transcriptaccessibility
- media block→ Media objectlayout
- Media controlscomponent
- Media objectlayout
- media objects→ Media objectlayout
- media overlay→ Lightboxcomponent
- media player→ Video playercomponent
- media query breakpoint→ Breakpointlayout
- medium editor toolbar→ Bubble toolbarcomponent
- medium emphasis→ Emphasis levelcolor
- mega dropdown→ Mega menucomponent
- mega footer→ Site footerlayout
- Mega menucomponent
- megamenu→ Mega menucomponent
- memory load→ Cognitive loadaccessibility
- Memphis designaesthetic
- Memphis Milano→ Memphis designaesthetic
- Memphis style→ Memphis designaesthetic
- mental effort→ Cognitive loadaccessibility
- Mention autocompletepattern
- Menu barcomponent
- Menu bar extracomponent
- Menu buttoncomponent
- menu button hint→ Has popupaccessibility
- menu list→ Action listcomponent
- menu split button→ Split buttoncomponent
- menu trigger→ Menu buttoncomponent
- menubar→ Menu barcomponent
- menulet→ Menu bar extracomponent
- merge semantics→ Accessibility groupingaccessibility
- Mesh gradientcolor
- MeshGradient→ Mesh gradientcolor
- message→ Chat bubblecomponent
- message bar→ Calloutcomponent
- message bubble→ Chat bubblecomponent
- message composer→ Prompt inputcomponent
- message status→ Read receiptpattern
- meta key→ Modifier keyinteraction
- meta UI→ Diegetic interfacepattern
- metaball effect→ Gooey effectmotion
- Metercomponent
- Metered paywallpattern
- metric card→ Statcomponent
- metric compatible fallback→ Font metric overridetypography
- metric kerning→ Kerningtypography
- metrics and keylines→ Keylinelayout
- Metroaesthetic
- Micaaesthetic
- Mica Alt→ Micaaesthetic
- mica material→ Micaaesthetic
- micro chart→ Sparklinecomponent
- micro whitespace→ Whitespacelayout
- micro-interaction→ Microinteractioninteraction
- Microinteractioninteraction
- Microsoft design language→ Metroaesthetic
- Microsurveypattern
- Mid-century modernaesthetic
- Middle clickinteraction
- middle mouse button→ Middle clickinteraction
- midpoint→ Color stopcolor
- millennium aesthetic→ Y2K aestheticaesthetic
- Miller columnslayout
- min-width first→ Mobile firstlayout
- mini calendar→ Calendarcomponent
- Mini cartpattern
- mini chart→ Sparklinecomponent
- mini drawer→ Navigation railcomponent
- mini player→ Picture in picturelayout
- mini unit→ 8 point gridlayout
- minimal UI→ Minimalismaesthetic
- Minimalismaesthetic
- minimalist web design→ Minimalismaesthetic
- Minimapcomponent
- minimap pane→ Overview plus detaillayout
- minimum touch target→ Touch target sizeaccessibility
- mirroring→ RTL mirroringlayout
- Misdirectionpattern
- misregistration style→ Risograph styleaesthetic
- missing glyph box→ Tofutypography
- mix in oklab→ color-mix()color
- mix-blend-mode→ Blend modecolor
- mixed media→ Digital collageaesthetic
- mixed reality UI→ Spatial UIaesthetic
- Mixed state checkboxaccessibility
- mnemonic→ Access keyinteraction
- Mobile firstlayout
- mobile role→ Accessibility traitaccessibility
- mobile-first design→ Mobile firstlayout
- modal→ Modal dialogcomponent
- Modal dialogcomponent
- Modal presentationmotion
- modal sheet→ Bottom sheetcomponent
- modality transition→ Modal presentationmotion
- model picker→ Model selectorcomponent
- Model selectorcomponent
- model switcher→ Model selectorcomponent
- modern figures→ Lining figurestypography
- modern skeuomorphism→ Neo-skeuomorphismaesthetic
- Modern UI→ Metroaesthetic
- Modifier keyinteraction
- Modular gridlayout
- Modular scaletypography
- module grid→ Modular gridlayout
- Momentum scrollinginteraction
- Mondrian grid→ De Stijlaesthetic
- Mondrian style→ De Stijlaesthetic
- Monet→ Material Youaesthetic
- Monochromatic palettecolor
- monochrome→ Monochromatic palettecolor
- Monospacetypography
- monospace UI→ Terminal aestheticaesthetic
- monospaced→ Monospacetypography
- monospaced figures→ Tabular figurestypography
- month view→ Calendarcomponent
- more actions→ Overflow menucomponent
- more is more→ Maximalismaesthetic
- more menu→ Overflow menucomponent
- more menu overflow nav→ Priority plus navigationpattern
- morph→ Morph transitionmotion
- Morph transitionmotion
- Morphing controlpattern
- mosaic layout→ Justified gallerylayout
- most intended action→ Magic tapaccessibility
- Mostly fluidlayout
- mostly fluid pattern→ Mostly fluidlayout
- Motion actuationaccessibility
- Motion blurmotion
- Motion choreographymotion
- motion curve→ Motion tokenmotion
- Motion pathmotion
- motion scheme→ Motion tokenmotion
- motion sequence→ Motion choreographymotion
- Motion tokenmotion
- motion typography→ Kinetic typographytypography
- motion-reduce→ Reduced motionaccessibility
- motion-safe→ Reduced motionaccessibility
- mount animation→ Entrance animationmotion
- mouse capture→ Pointer captureinteraction
- Mouse gestureinteraction
- mouse lock→ Pointer lockinteraction
- mouse look→ Pointer lockinteraction
- mouse-following gradient→ Spotlight hovermotion
- mouseover→ Hoverinteraction
- move handle→ Drag handlecomponent
- move menu→ Dragging alternativeaccessibility
- movement threshold→ Drag thresholdinteraction
- moving focus→ Focus managementaccessibility
- moving pill→ Sliding indicatormotion
- MPA view transition→ View transitionmotion
- MSDF→ Signed distance fieldtypography
- Multi column layoutlayout
- multi combobox→ Multi selectcomponent
- Multi selectcomponent
- multi step form→ Wizardcomponent
- multi thumb slider→ Range slidercomponent
- multi-channel signed distance field→ Signed distance fieldtypography
- multi-column layouts→ Multi column layoutlayout
- multi-line ellipsis→ Line clamptypography
- multi-part input→ Structured formatpattern
- multi-select actions→ Bulk actionspattern
- Multi-touchinteraction
- Multi-window modelayout
- multicol→ Text columnslayout
- multifinger gesture→ Multi-touchinteraction
- multifunctional control→ Morphing controlpattern
- multiline input→ Text areacomponent
- multiline truncation→ Line clamptypography
- Multimodal interfacepattern
- multimodal UI→ Multimodal interfacepattern
- multimodal UX→ Multimodal interfacepattern
- multiply→ Blend modecolor
- multipoint gesture→ Pointer gesturesaccessibility
- multiselect→ Multi selectcomponent
- multitasking layout→ Multi-window modelayout
- multitouch→ Multi-touchinteraction
- mute control→ Audio controlaccessibility
- muted fill→ Container colorcolor