Tech stack grid block

A card grid of groups, each an icon, a name and a set of pill-shaped tags, with a closing note.

Tech stack grid Groups of tags — the tools, skills or services behind the work. Also on software and portfolio sites

What it's built with

  • Front end

    • Astro
    • TypeScript
    • Tailwind CSS

  • Hosting

    • Amazon S3
    • CloudFront
    • Route 53

  • Safety

    • HTTPS
    • Security headers
    • Audit checks

Every item here is a field in the editor — add one and it appears.

What an editor can change

Every field below is something an editor can change on Tech stack grid. The editor builds its form from this list, so adding a field to a block never means building a screen for it.

  • Heading required Text
  • Groups required Repeating list at least 1
  • Icon Choice edit · eye · rocket · history · image · palette · users · shield · gauge · search · code · layers · globe · lock · bell · chart · server · zap · sparkles · file · check · headset · cloud · git · store · briefcase · heart · clock · mail · phone · map · layout · smartphone · database · star · building · send · calendar — default: code
  • Group name required Text
  • Tools required Repeating list at least 1
  • Tool required Text
  • Closing note Text