---
title: 'A new block: Cards'
description: A dynamic WordPress block for creating collections of cards simplifies content management. Download the block from GitHub for easy integration.
doc_version: current
last_updated: '2026-03-31T09:54:29.000Z'
date: '2024-02-19T22:49:12.000Z'
author: Rich Tabor
summary: A dynamic WordPress block for creating collections of cards simplifies content management. Download the block from GitHub for easy integration.
tags:
  - Blocks
  - Gutenberg
published: true
type: blog
url: /cards-block
canonical: https://richtabor.com/cards-block
id: 4720
---

I recently built a fun new WordPress block to add collection of “cards” to my blog, as seen on [my home page](/).

This block is technically two blocks: a “Cards” block and a singular “Card” block, which is repeated—reminiscent of the WordPress Buttons block. Even now, I find it incredibly helpful to look at the [source code for official WordPress blocks](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src), which has all the tried-and-true methods for just about any type of block you’re looking to build next. Don’t reinvent, iterate.

The block is [dynamic](https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/creating-dynamic-blocks/), which means the block content is not stored statically in the post content, but rather rendered server-side. I could’ve done it static as well, but dynamic blocks are simple and fun to build—especially using the [render](https://github.com/WordPress/gutenberg/blob/trunk/docs/reference-guides/block-api/block-metadata.md#render) file, which I don’t think many folks know about yet.

Now there is some opinionated styling—[color variables](/standardizing-theme-json-colors/) in particular may not map to your theme—but you can change colors with the typical block style controls.

You can [download the block](https://github.com/richtabor/cards-block/tree/main) from Github. I’ll consider uploading it to the official [Block Directory](/publish-blocks/) after I tidy it up a bit.

[View Cards on Github](https://github.com/richtabor/cards-block/tree/main)

## Sitemap

[Full site index](/sitemap.md)