161 blocks. Find yours.

Full-bleed hero with asymmetric text placement, kicker, byline, and integrated media

Full-featured hero with headline, description, supporting images, reviews, marquee, and background options

Feature showcase with multiple layout variants (cards, steps, masonry, etc.)

Post/article header with byline, breadcrumbs, read time, and configurable background. One block, post + chapter variants.

Unified hero with 20+ design versions — post headers, split and overlay layouts, briefing-document and stats treatments, and classic marketing variants

Premium hero — a type-forward editorial opener or an image-dominant masthead. One block, typography + image variants.

Standard page header hero with headline, subtext, and optional background image

Grid of cards with media, text, and links

Standalone card with media, text, and link options

Styled list with configurable icons and states

Case study or project information block with rich text description

Video showcase section with headline and background options

Portfolio skill bars with profile and accent images

Versatile feature showcase with USP cards, images, metrics, and multiple layout variants.

Multi-tier pricing comparison table with feature rows and CTAs. Fully static — no @wabbit/tome-catalog peer required.

A feature-matrix comparison table — one row per feature, one column per plan or tier. One column can be marked "zone" for a fully inverted (dark, accent-headed) treatment, independent of a separate single-column highlight.

A reward-tier wall or stacked board for a pledge campaign — title, price, description, and feature bullets per tier, each with its own call-to-action link.

High-conversion enrollment section with price, features, and enroll button. Fully static — no @wabbit/tome-lms peer required.

The final call-to-action band for a pledge campaign — either a dark two-line headline with body copy and a CTA, or a compact outlined days-left numeral with a CTA.

Highlighted quotation with attribution and optional portrait

A dark band pairing a kicker + heading + prose with a three-cell hairline-bordered quote grid — for showing results including the honest, non-flattering one.

A ledger of dated/valued rows plus a hairline-bordered logo grid — the cell count follows the number of logos you add — closed by an optional centered coda line.

A scroll-snap rail of video testimonial cards — portrait poster first, sound only on request, ONE clip playing at a time — with name, role, and a one-line quote under each card.

Frequently asked questions with accordion answers

Expandable accordion panels with single, stacked, or FAQ variants.

Scrolling logo carousel for client or partner branding

Scrolling marquee with text or images mode

Image gallery with multiple layout variants

Image or video embed with optional caption and layout controls

Bento grid layout with headline, gallery, and optional sidebar quote

Premium content — an editorial prose body, a blog post body, content with a scrolling marquee, or content paired with a bento grid. One block, four variants.

Scrolling text marquee with speed and direction controls

Multi-image grid with 2-col, 3-col, asymmetric, or masonry layouts.

A full-viewport cover image with a docked, translucent copy card anchored to one corner — the photograph IS the layout, with an optional call to action below.

Counter stats with optional headline and color scheme

Animated percentage bar chart with configurable color scheme

Release notes / version history with dated entries

Horizontal metrics display with labeled values, deltas, and optional summary prose

Card grid with status indicators, categories, and optional image thumbnails

Inline stock status badge. Fully static, deliberately — @wabbit/tome-catalog v1 models no stock/inventory field for this to hydrate from (see howToUse).

Displays learner progress through a course or module. Fully static — no @wabbit/tome-lms peer required.

Display a manually curated set of documents — posts, case studies, projects. Manual selection is the supported mode; query-driven collection mode is on the roadmap.

Display a curated "you may also like" row of related posts, hand-picked by the editor. Manual selection is the supported mode; automatic category-matched selection is on the roadmap.

Display related items from any collection

Horizontal strip or grid of product categories with labels and optional icons. Authored props are the floor; when @wabbit/tome-catalog is present and a category slug matches, the label hydrates live server-side — see @wabbit/tome-blocks-catalog-pack/server.

A structural break — a numbered phase marker, a decorative chapter divider, or a named anchor-section header. One block, nine variants.

A navigation link card — a cross-system link (with optional stat metrics) or a multi-part series navigator (banner / card / sidebar). One block, five variants.

A bordered board of 2-4 numbered zone cells, each a whole-cell link to its own destination — an outline numeral, a kicker, a title, a description, and a go label. Any cell can invert to a dark register independent of the others.

Inline banner/callout block for use inside Lexical richText editors

Callout or notice block for blog posts

Banded section with a reading column and NO metadata rail -- the lighter sibling of Editorial Spread, for prose that does not need marginalia.

Full-bleed banded section with a narrow metadata rail (left or right) beside a main content column. Sequence these with alternating appearance to produce the editorial F-system rhythm.

Prose content with key-facts sidebar panel and optional sticky behavior

Styled message callout with priority level, source attribution, and timestamp

Split layout with image, body text, and optional data sidebar

Threat assessment panel with level indicator and status tracking.

Marginal annotation aligned to a body paragraph

Article footer with author bio, publication metadata, and credits

Collected footnotes with back-link anchors and display mode options

Author signature block with optional avatar

Scroll-triggered word-by-word text reveal animation with configurable max width.

Numbered footnotes list with optional category grouping.

Inline entity reference block for use inside Lexical richText editors

Animated text block with word-by-word motion effects for Lexical richText editors

Container section with background color and spacing controls

CSS grid container with configurable columns and gap

Editor-composed CSS-grid layout container. Drop existing blocks into cells and nudge spans; pick a curated starter template (two-up + image, quad, tri-column, feature + sidebar, banner + trio, even split).

Container that stacks child blocks with parallax effect on scroll

Multi-column rich content block with configurable 14-column grid

Section title with optional category badge, description, and CTA

Two-column layout with text or media in each column

Rich text content with optional links

Syntax-highlighted code snippet

Site-specific custom block container with type selector

Contact section with heading, contact info, and optional message form

Embeds a Payload form with optional intro content

Member roster with portraits, roles, and biographical details

Single product display with title, price, and CTA. Authored props are the floor; when @wabbit/tome-catalog is present and a SKU matches, title and description hydrate live server-side — see @wabbit/tome-blocks-catalog-pack/server.

Displays a single course with image, title, instructor, and enroll CTA. Fully static — no @wabbit/tome-lms peer required.

Ordered list of course lessons with status, duration, and module grouping. Fully static — no @wabbit/tome-lms peer required.

Displays an instructor profile with avatar, bio, credentials, and social links.

Ambient audio indicator with comms, engine, or alert variants.

An intercepted-communications or multi-speaker comms-transcript block. One block, six variants.