component
TuxPhotoGrid
Uniform image grid. Photo kind for research photography and project galleries (4:3, full color, optional caption + credit). Logo kind for partner / sponsor walls (1:1, grayscale by default, color on hover). Auto-fits columns to the viewport — `columns` is a target, not a hard limit.
canonical
Photo grid · 3-up
Items rendered with labeled gradient placeholders since this is the design system; in real consumers, pass src for each item.
- Aerial view of the connected vehicle test track at the Texas A&M RELLIS Campus
Connected vehicle test trackTTI Photography · 2025 - Rural highway intersection at Site 04 with high-friction surface treatment and chevron alignment signage
Site 04 · before/after studyHassan et al. · 2024 - Researchers monitoring real-time corridor telemetry displays inside the TTI MovementLab control room
MovementLab · Q3 2025 - TTI field instrumentation crew calibrating roadside radar sensors across the 12-county study region
Field crew · 12-county deployment - Keynote address on roadway safety and human factors at the 2025 TTI Annual Transportation Symposium
Symposium · 2025 keynote - Heavy commercial freight platoon traveling along the instrumented Interstate 10 Houston corridor segment
Freight corridor · Houston segment
<TuxPhotoGrid :items="photoItems" :columns="3" />photo grid · 4-up
Denser layout
- Aerial view of the connected vehicle test track at the Texas A&M RELLIS Campus
Connected vehicle test trackTTI Photography · 2025 - Rural highway intersection at Site 04 with high-friction surface treatment and chevron alignment signage
Site 04 · before/after studyHassan et al. · 2024 - Researchers monitoring real-time corridor telemetry displays inside the TTI MovementLab control room
MovementLab · Q3 2025 - TTI field instrumentation crew calibrating roadside radar sensors across the 12-county study region
Field crew · 12-county deployment - Keynote address on roadway safety and human factors at the 2025 TTI Annual Transportation Symposium
Symposium · 2025 keynote - Heavy commercial freight platoon traveling along the instrumented Interstate 10 Houston corridor segment
Freight corridor · Houston segment
logo wall
Sponsor / partner / agency
Pass kind="logo". Square aspect, grayscale-by-default treatment, hover restores color. Captions are suppressed — the alt text carries the agency name.
- Texas Department of Transportation (TxDOT)
- Federal Highway Administration (FHWA)
- National Science Foundation (NSF)
- American Association of State Highway and Transportation Officials (AASHTO)
- United States Department of Transportation (USDOT)
- Texas A&M Transportation Institute (TTI)
aspect override
16:9 widescreen
Pass aspect="16/9" for cinematic layouts.
- Aerial view of the connected vehicle test track at the Texas A&M RELLIS Campus
Connected vehicle test trackTTI Photography · 2025 - Rural highway intersection at Site 04 with high-friction surface treatment and chevron alignment signage
Site 04 · before/after studyHassan et al. · 2024 - Researchers monitoring real-time corridor telemetry displays inside the TTI MovementLab control room
MovementLab · Q3 2025
props
Props + item shape
items— array of{ src?, alt?, caption?, credit?, tone?, href? }. Required.kind—"photo" | "logo". Defaults to"photo".columns—2..6. Auto-fits to viewport.aspect—"4/3" | "1/1" | "16/9" | "3/4". Defaults: 4/3 for photos, 1/1 for logos.- Items without
srcrender labeled gradient placeholders for design mocks. Tone cycles maroon/gold/charcoal. - Items with
hrefbecome clickable tiles with corner-drop hover.