Portfolio Demo Blockset is the platform's own block library. Every block on these pages is server-rendered, FSE-native, and used in real demos on the hub. See the platform →Built by Philip Rehberger

Blockset

SFP-BLOCKS · OPEN SOURCE · GPL-2.0

Server-rendered blocks
for FSE themes.

A small, opinionated library of Gutenberg blocks. Each one is server-rendered, FSE-native, and shipped without runtime framework dependencies. Built for the demos on the portfolio platform; documented here so they’re useful to anyone else.

Browse the library
View on GitHub

SEVEN BLOCKS IN THE LIBRARY

Each one built for a real demo.

Every block in the library was authored because a demo needed it. The trust stack came from the Pulsar SaaS landing; portfolio-grid was the Hillcrest architecture portfolio; menu-section drives both Tavern North’s food menu and its wine list; listing-grid powers the Salt & Cedar real-estate cards; code-snippet is what you’re reading on every docs page here. The blocks stay generic; the demos stay specific.

  • Code snippet

    Styled code block with language label and copy-to-clipboard. New.

    View docs →

  • Listing grid

    Card grid querying any post type. Price, beds/baths/sqft, location, CTA.

    View docs →

  • Menu section

    Name / description / price rows with dotted leaders + optional flag badges.

    View docs →

  • Portfolio grid

    Masonry-style image grid with per-item size, server-rendered.

    View docs →

  • Product comparison

    Side-by-side feature matrix with ✓ / ✗ and per-column CTA.

    View docs →

  • Test card helper

    Inline Stripe sandbox test cards for the demo checkout flow.

    View docs →

  • Trust stack

    Animated stat counters for SaaS landings + social proof rows.

    View docs →