Component Library
A working catalogue of starter content blocks and variations
Content blocks
These examples are editable in Craft. Each section names the block and, where useful, its variation. Images are starter fixtures in the Media volume.
Centered rich text — narrow
A compact reading width works for introductions and short prose.
Centered rich text — wide
The wider option gives tables, lists, and longer copy more room.
Wide rich text
A full-width editorial section can include headings, lists, and links to other pages.
Image + text — image right
The text sits beside a single image. The orientation can be switched.
Image + text — image left
This example reverses the placement for alternating page sections.
Double image + text — standard
Two images share the visual side of the section.
Double image + text — reversed
The two-image layout can also reverse its text placement.
Single image
A standalone image with optional supporting copy and link.
Single video
Replace this sample YouTube ID with a project video.
A short quotation can stand alone as a content block.
Accordion list
Open each item to reveal supporting copy.
Card grid — standard
Cards can pair images, text, and links.
Second card
The image and text remain editable.
Third card
Add or remove cards in Craft.
Card grid — large
The large option changes card scale.
Large card
The same card data in the larger presentation.
Another large card
Compare spacing and image proportions.
Icon link grid
A compact group of destination links.
List + image
A list of points beside an image.
First step
Start with the local setup.
Next step
Replace the demo content with project content.
Proof points — standard
A set of short highlights.
Editable
Each point is a nested Craft entry.
Reusable
The layout works for many subjects.
Proof points — shortened on colour
The shortened style presents concise highlights on a tinted background.
Quick to scan
Flexible
Styled list — bullets
The default bullet presentation.
- A first useful point.
- A second useful point.
Styled list — numbers on light background
The numbered option with a light surface.
- Plan the project.
- Build and review it.
Styled list — icons
Native Craft icons give this list a simple visual marker.
- A compact icon-led point.
- A second icon-led point.
Shared content
The following components are selected from a dedicated Shared Content entry with its own independently configured component collection.
This component is authored once in Shared Content and reused wherever it is selected.
An independent component collection
Shared Content has its own component field and allowable block types, configured independently from content pages.
Contact form
Open the Contact form in a dialog, or use the inline form on the Contact page.
Field types demo
Open the native Formie field catalogue from this page. Use synthetic information only.
Multi-page survey
Try conditional questions, page navigation and saving a private resume link. Use synthetic information only.