✍️ CKEditor Builder

Similar to the Matrix Builder, but components are inserted directly inside the CKEditor. This approach demonstrates how structured content and rich text can coexist seamlessly, giving editors more creative flexibility while maintaining a clean, controlled data model.

Each component — such as images, quotes, buttons, or call-to-actions — can be added inline within the text and rendered through the same Twig components used in the Matrix Builder. This allows editors to create visually rich pages directly inside the editor while developers retain full control over markup, consistency, and performance.

Perfect for content teams who prefer writing in a familiar WYSIWYG interface but still want the power of reusable, design-consistent components.

Block Media
Block Accordion

The CKEditor Builder enhances the native WYSIWYG experience in Craft CMS by allowing editors to insert structured components—like buttons, quotes, or image galleries—directly into the rich text field. This approach bridges the gap between flexible content editing and strict frontend consistency.

By integrating reusable components inside CKEditor, you give content editors more creative control without compromising the design system. Editors can compose visually rich, responsive content while developers maintain clean, semantic markup through Twig templates.

While the Matrix Builder offers full-layout flexibility, the CKEditor Builder focuses on inline enrichment. It’s perfect for content-heavy pages where structure and flow matter, but the layout itself stays simple. Combine both for the best of both worlds.

Block Media
Etiam Egestas Risus Amet
Curabitur blandit tempus porttitor. © Alfred E. Neumann
Block Buttons
Block Cards
Etiam Egestas Risus Amet

✍️ Matrix Builder

Build flexible page layouts using Craft’s Matrix field. Each component can be placed freely within the custom Grid Layout system.

Read more

⚡ Datastar Search

Fast and lightweight search using Craft Datastar. Instant results, live updates, and minimal JavaScript.

Read more

🧩 Blog (Vue)

A Vue-based blog using GraphQL. Demonstrates reactive filtering, “load more” functionality, and category management via API.

Read more

🚀 Blog (Datastar)

A dynamic blog built with Craft DataStar. Features live filtering, pagination, and instant content updates without page reloads.

Read more
Block Call to action

Want to build entire pages block by block? Head over to the Matrix Builder.

👉 Explore Matrix Builder