Skip to content

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Runtime Complete

Shader, particles, waves, and model3d all run through the same hero runtime.

Design System

Button and feature surfaces share one restrained docs-first visual language.

Frontmatter First

Configuration matrix pages are extension-ready and IDE-friendly.

Theme Synced

Hero media and overlays react to light/dark mode switches.

Features Scroll

Primary focus: scroll behavior and interaction defaults in the features section.

Actual Frontmatter Used

yaml
---
layout: home
hero:
  name: "Features"
  text: "Scroll"
  tagline: "Feature cards support continuous scroll and hover affordance."
  actions:
    - theme: brand
      text: "Full Config"
      link: /en-US/hero/matrix/buttonsFeatures/featuresFullConfig
    - theme: outline
      text: "All Config"
      link: /en-US/hero/AllConfig
featuresConfig:
  scroll:
    speed: 0.42
    pauseOnHover: true
    dragMultiplier: 2
    minItems: 12
    edgeFade: true
features:
  - icon: mdi:rocket-launch
    title: "Runtime Complete"
    details: "Shader, particles, waves, and model3d all run through the same hero runtime."
    theme: brand
  - icon: mdi:palette-swatch
    title: "Design System"
    details: "Button and feature surfaces share one restrained docs-first visual language."
    theme: info
  - icon: mdi:file-document-edit-outline
    title: "Frontmatter First"
    details: "Configuration matrix pages are extension-ready and IDE-friendly."
    theme: tip
  - icon: mdi:theme-light-dark
    title: "Theme Synced"
    details: "Hero media and overlays react to light/dark mode switches."
    theme: warning
---

API Keys Demonstrated

Key All Config
featuresConfig.scroll.speed
featuresConfig.scroll.pauseOnHover
featuresConfig.scroll.dragMultiplier
featuresConfig.scroll.minItems
featuresConfig.scroll.edgeFade
features[]