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

THE LIBRARY

Seven blocks. All server-rendered.

Click any block for a live demo, the attribute list, an example block-comment markup you can paste into any FSE editor, and a link to the source on GitHub.

  • 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 →

How to install

The blocks live in the sfp-blocks plugin in the platform repo. Two install paths:

  • Use the whole platform. Fork or clone wp-portfolio-platform and you get the chassis theme, every block, and the mu-plugin layer in one symlink-friendly package
  • Just the plugin. Copy plugins/sfp-blocks/ into your wp-content/plugins/, run npm install && npm run build in the plugin directory, and activate

GPL-2.0-or-later. No support guarantees; the blocks are maintained because the demos need them.