Skip to main content

Projects

ProjectGrid

Lay out project cards in a responsive grid. Because standard lists are boring.

Curated demo

  • Snurble

    Shared Astro design tokens and UI primitives.

    • #astro

  • workv2

    Reference implementation that shaped the shared system.

    • #reference

Reference

Lay out project cards in a responsive grid. Because standard lists are boring.

  • Compose ProjectGrid with li children that contain ProjectCard.
  • Let the page own surrounding headings and empty states.

Example snippet

<ProjectGrid>
  <li><ProjectCard ... /></li>
</ProjectGrid>