Component library

Showing 1 component in the expressive deck with role content.

  • <CapabilityGrid>

    expressiveContentPresentation

    Grid of two to four capability or feature cards with staggered entrance animation (client).

    When to use: Summarise platform capabilities, product pillars, or service lines. Use after the brief slide when the audience needs a structured "what we offer" view.

    Preview

    Core Systems

    Four Engines Running

    Modular Blocks

    Swap components without breaking the grid.

    Crisp Vectors

    All visual effects are native CSS.

    Live Data

    Chart slides accept dynamic values.

    Retro Atmosphere

    Scanlines, CRT vignettes, and starfields.

    PropTypeNotes
    labelstringOptional. HUD pill above the title.
    titlestringOptional. Section headline.
    features{ title: string; description: string }[]Required. Feature cards (2–4).
    tweenobjectOptional. Optional GSAP vars for card entrance.

    Examples

    <CapabilityGrid
  label="Core Systems"
  title="Four Engines Running"
  features={[
    { title: "Modular Blocks", description: "Swap components without breaking the grid." },
    { title: "Crisp Vectors", description: "All visual effects are native CSS." },
    { title: "Live Data", description: "Chart slides accept dynamic values." },
    { title: "Retro Atmosphere", description: "Scanlines, CRT vignettes, and starfields." }
  ]}
/>