All Block Types

This page demonstrates every content block available in nibbly. Each section uses a different type value in the JSON content file. You can mix and match them freely when building pages.

Text Block

Rich Text Content

The text block is the most versatile block type. It supports bold, italic, links, and other HTML formatting. Use it for paragraphs, articles, or any free-form content.

Each text block can have an optional title that appears as a heading above the content. The title field is great for section headings that belong to a specific text block.

Quote Block

Content is like water — it takes the shape of whatever container you put it in.
A content strategist

Image Block

Placeholder image — Images can be full width, medium, or small. This one is full width with a caption.

List Block

Features of the List Block

Bullet and numbered list styles available
Each item is individually editable by admins
Items can be added, removed, and reordered
Great for feature lists, steps, or checklists

Card Block

First Card

Second Card

Third Card

Fourth Card

Media Blocks

nibbly also supports YouTube, SoundCloud, and audio embeds. These blocks accept a video/track ID or audio file path and render the appropriate player.

Below is an example YouTube embed:

Layout Blocks

Two layout blocks help structure your page: Divider adds a horizontal line, and Spacer adds vertical space (sm, md, lg, or xl). You've seen both used throughout this page.

All these block types can be added to any page via the admin dashboard or by editing the JSON content file directly. See the Components page for interactive widgets like FAQ accordions, pricing tables, and more.