Demos
Full-screen demos
一部の部品は、ページ全体の文脈（スクロール量など）に依存します。 その挙動は小さなカード内プレビューでは再現しきれないため、フルスクリーン検証ページを用意しています。
patterns
Scroll Progress Bar
demo
ページ上部に進捗バー。長文記事やLPに。
実挙動はページ全体のスクロール量に依存するため、フルスクリーンで検証できます。
Tip
デモは「動きの正しさ」を検証するための場です。実案件に導入する際は、 tokens（--mk-*）で速度・距離・イージングを統一し、prefers-reduced-motion を必ず尊重してください。