Tome Block Library
65 blocks. Find yours.
Hero
10 blocks
Featured · Hero
Post HeroVNGD post header with SITREP tactical styling, classification badge, author callsign, and accent-colored category tag
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 VNGD hero with 20+ design versions including COP tactical layouts, SITREP post headers, and classic marketing variants
Premium hero — a type-forward editorial opener or an image-dominant masthead. One block, typography + image variants.
Feature
7 blocks
Versatile feature showcase with USP cards, images, metrics, and multiple layout variants.
Pricing
1 block
Call to Action
1 block
Testimonials
2 blocks
FAQ
1 block
Logos & Clients
2 blocks
Media
4 blocks
Featured · Media
Editorial FigureImage figure with caption, credit, breakout modes, and duotone treatment
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.
Data & Metrics
3 blocks
Horizontal metrics display with labeled values, deltas, and optional summary prose
Card grid with status indicators, categories, and optional image thumbnails
Navigation
4 blocks
Featured · Navigation
BlogRenders an optional heading/richtext header and a "View All" link row for a blog section. The collection query, category filter, sort, and manual-selection fields are captured but not rendered by this block yet — post cards are left to the consuming site's data layer (see the comment in `Blog.tsx`).
Display a manually selected set of documents. The "collection" (query-driven) mode is not yet implemented — it renders nothing until a live collection query is wired in.
Display related posts from a manually curated selection. The "same categories" (auto) mode is not yet implemented — it renders nothing until a category-matched query is wired in.
Banners & Notices
3 blocks
Editorial Layout
6 blocks
Featured · Editorial Layout
Compare ColumnsTwo labeled side-by-side columns for "A vs B" comparisons; the positive column receives an accent treatment.
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
Editorial Devices
6 blocks
Featured · Editorial Devices
Editorial BridgeStructural pause with viewport-relative height and optional centered content
Article footer with author bio, publication metadata, and credits
Collected footnotes with back-link anchors and display mode options
Scroll-triggered word-by-word text reveal animation with configurable max width.
Rich Text Embeds
3 blocks
Featured · Rich Text Embeds
Document EmbedInline document embed block for use inside Lexical richText editors
Animated text block with word-by-word motion effects for Lexical richText editors
Layout & Structure
8 blocks
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).
