product blocks

59 production-ready product blocks across these categories:

ProductShowcase
PRO

showcase50

Downloadable Resource Cards

Three resource cards, each led by a preview image and stamped with its format, holding the title, one line on what is inside, and a seal download button pinned to the bottom of the card.

FREE

product12

Live Made To Order Configurator

A made-to-order configurator that answers as you go: every option takes over the plate beside it, writes its own line into a running specification, and moves a total that is visible from the first question rather than revealed at the end.

PRO

showcase49

Quick Actions Showcase

A centered showcase with an eyebrow, light heading, and paragraph over a wide image tile that floats a live quick-actions bar, followed by a four-up grid of icon-led action descriptions.

PRO

showcase48

Connected Flow Pipeline

A horizontal pipeline with an eyebrow over a hairline rule and a two-column heading, where three image tiles float live micro-assets as connected stages joined by directional arrows.

PRO

showcase47

Layered Product Scene

A split showcase pairing copy, checked bullets, and an accent button with a gradient canvas where two live micro-assets float at staggered depths for a layered product scene.

PRO

showcase46

Tabbed Product Tour

A tabbed showcase with an eyebrow over a hairline rule and a two-column heading, where each tab reveals a light title, checked bullets, and an image tile floating a live product micro-asset.

PRO

showcase45

Alternating Asset Rows

A showcase of alternating split rows, each pairing an image tile that floats a live product micro-asset with an eyebrow, a light heading, a paragraph, and a checked bullet list.

PRO

showcase43

Featured Project Dossier

A single featured project with a tall image and a meta column of client/role/year rows, a paragraph, and a CTA.

PRO

showcase42

Mosaic Frame Gallery

An asymmetric mosaic image gallery with mixed-span tiles and monospace frame captions.

PRO

showcase41

Editorial Project Index

A ruled, type-forward project index where each row reveals a floating thumbnail on hover.

PRO

product10

Product Macro Detail Grid

Editorial grid of macro close-up shots, each captioned with the material or detail it shows.

PRO

product9

Product Feature Carousel

Clickable tabs switch a feature panel with a large product image, title, and description. Supports an optional auto-loop.

PRO

product8

Product Overlap Card

An editorial product showcase: a large product image with a caption card overlapping its lower corner — eyebrow, product name, tagline, a ruled three-up spec row, and a CTA.

PRO

product7

What's in the Box

What's-in-the-box section pairing a product image with a checklist of included items, each with an optional note.

PRO

product6

Product Variant Explorer

Variant explorer that swaps the product image and spec line as you click between finishes.

PRO

product5

Split Product Highlights

Split product intro: a tall product image beside a heading, description, and three icon highlights with an editorial spec link.

PRO

product4

Every-Angle Gallery

An editorial product gallery showing the same object from several angles — a header with a uniform row of captioned, full-color angle shots.

PRO

product3

Product Spec Sheet

Editorial spec sheet pairing a product image with a bordered key/value grid of dimensions, weight, battery, and materials.

PRO

product2

Product Anatomy Callouts

A large product image flanked by numbered feature callout cards, each naming and describing a part of the product.

PRO

product1

Centered Product Showcase

Centered product showcase with a large image on a muted stage, product name and tagline, a row of key specs, and an editorial learn-more link.

PRO

showcase40

UI Bento Showcase

Bento mosaic mixing product screenshots with text and accent tiles.

PRO

showcase39

Tabbed Showcase

Tabbed product screenshots in a browser frame with captions.

PRO

showcase38

Sticky Showcase

A pinned product image beside a scrolling list of feature steps.

PRO

showcase37

Showcase Scroller

Horizontally scrollable row of wide product showcase frames with captions.

Markdown version