component · layout

TuxCardCarousel

Horizontal scroll of cards with editorial chrome. Thin wrapper around UCarousel (embla under the hood) that adds a TUX eyebrow + display-face title + signature rule. Cards are the consumer's responsibility — TuxCard, TuxArtifact, TuxContactCard, or a bare <article> all work.

Use when a row of comparable items reads better than a vertical list — featured projects, image galleries, MCP tool result sets, related publications. arrows + dots are independent toggles; loop wraps the carousel at the ends.

flagship · MCP-style result set

Nearby trails carousel

Mirrors the Anthropic MCP Apps "Find 4 nearby hikes" reference frame — a tool returns a small set of comparable items, and the chat renders them inline as a carousel. Cards advance two at a time; pagination dots show position.

Ocean View Trail

Golden Gate Park · 1.4 mi

Easy

Loops a paved cliffside with sea-stack overlooks; level grade and benches every 0.2 mi.

Cascade Waterfall

Smith-Wilderness · 3.8 mi

Moderate

Out-and-back to a 60ft veil-falls; one short scramble at the 1.6-mile mark.

Redwood Forest Loop

Tall-Timber Reg. · 2.1 mi

Easy

Boardwalk and dirt loop through old-growth coast redwoods; ADA-accessible boardwalk segment.

Ridge Summit Climb

Cascades North · 9.2 mi

Strenuous

1,800ft gain; exposed scree above 6,800ft. Bring layers, the saddle wind reads like January.

Lake Overlook Spur

Mirror Lake · 4.6 mi

Moderate

Forested ascent then a panoramic ridge; mirror reflections at sunrise on still days.

Alpine Meadow Walk

High Cascades · 1.9 mi

Easy

Late-summer wildflower bloom; flat boardwalk through a glacier-carved basin.

<tux-card-carousel
  eyebrow="nearby trails"
  title="Find 4 nearby hikes"
  :items="trails"
  arrows
  dots
  :slides-to-scroll="2"
>
  <template #item="{ item }">
    <article class="trail-card">
      <h3>{{ item.name }}</h3>
      <p class="meta">{{ item.region }} · {{ item.distance }}</p>
      <p>{{ item.blurb }}</p>
    </article>
  </template>
</tux-card-carousel>

editorial · publications shelf

Featured publications

Pairs `TuxCardCarousel` with `TuxCard` to make a featured- publications shelf. loop wraps at the ends — useful when the set is small and we want continuous browsing.

Exhibit 11.04 · 2025

Corridor-level travel-time reliability under freight surge

L. Velazquez, R. Chen

Exhibit 11.05 · 2025

Sensor-loop diagnostics: a survival analysis of TxDOT detectors

M. Acosta, C. Okafor

Exhibit 11.06 · 2024

Equity weighting in regional planning models

J. Aguirre

Exhibit 11.07 · 2024

Heavy-vehicle braking distance on wet pavement: rural HOV

P. Choudhury, K. Boyd

<tux-card-carousel
  eyebrow="featured publications"
  title="Recent reports from TTI"
  :items="publications"
  loop
>
  <template #item="{ item }">
    <tux-card>
      <p class="eyebrow">{{ item.series }} · {{ item.year }}</p>
      <h3 class="font-bold mt-1">{{ item.title }}</h3>
      <p class="text-text-secondary mt-2">{{ item.authors }}</p>
    </tux-card>
  </template>
</tux-card-carousel>