img-placeholder Imagesttings:
Grid width: xlarge
Columns: 1
Scale: 100vw
Image Resolution: 0.8
Image Compression: 60

Blocks

Top notch websites without a drop of code.

Blocks is a robust website builder that empowers designers and editors to collaborate and craft extraordinary and fluent online experiences.

With an effortlessly intuitive zero-code building environment, you can bring your most innovative ideas to life.

Unlock the potential to create portfolio sites, dynamic web platforms, captivating business presentations, editorial powerhouses, or cutting-edge Progressive Web Apps (PWAs).

Blocks is a robust website builder that empowers designers and editors to collaborate and craft extraordinary and fluent online experiences.

With an effortlessly intuitive zero-code building environment, you can bring your most innovative ideas to life.

Unlock the potential to create portfolio sites, dynamic web platforms, captivating business presentations, editorial powerhouses, or cutting-edge Progressive Web Apps (PWAs).

Blocks
Wordpress
Wix
File ownership
Component library
Downloadable Backups
Easy to manage
Open system files
Web App Ready
2 * var(--element)
2 * var(--element)
edit Details

Flexible

Create any grid or layout with our visual blocksystem. Custom footers, menu's, bars and whatever.

Versatile

Video. Slideshows. Accordions. Forms. Lottie.
Make anything.

Open

Blocks is an open system, so the files will always be yours, and cusomtization has no limits.

Fast

Blocks uses conditional loading, webP imagesystem to ensure a featherlight webexperience.

Scalable

The generic functionality ensures a scalable infrastructure. From a simple portfolio site to a multilevel editorial platform.

Easy

Blocks uses a simple and intuitive CMS. Make changes on the frontend and see them directly.

Precise

Designexpert? An integrated designsystem makes it possible to adjust everything far after the comma. Subtle microinteraction ensures a smooth ride.

Personal

Make your own colorschemes, typographic systems, with any font you can find. Make it yours.

Imagesttings:
Grid width: wider
Columns: 1
Scale: 80%
Image Resolution: 0.8
Image Compression: 60
-40vh
edit How does it work 2

How does it work?

What you see is what you get. Blocks works as an onpage editor, so you can edit your content on the spot. With a separated design tab, editors and designers can work simultaeously.

1/4
Create a page

Every page acts as a page and a container. This way you can create any site structure you can think off.

Imagesttings:
Grid width: normal
Columns: 1.5
Scale: 750px
Image Resolution: 0.8
Image Compression: 60

2/4
Choose a layout

With a wide variety of layouts you can shape you content in any way you want.

Imagesttings:
Grid width: normal
Columns: 1.5
Scale: 750px
Image Resolution: 0.8
Image Compression: 60

3/4
Pick a block

A wide range of blocks cover every kind of content you want to publish.

Imagesttings:
Grid width: normal
Columns: 1.5
Scale: 750px
Image Resolution: 0.8
Image Compression: 60

4/4
Customize

The blocks have extended viewing options, to communicate your story in every detail.

Imagesttings:
Grid width: normal
Columns: 1.5
Scale: 750px
Image Resolution: 0.8
Image Compression: 60
edit How does it work?

The Blocks

1 * var(--element)

With 20+ blocktypes you can fill the grids with any kind of content you can think of. Include video's, augmented reality, custom navigation, slideshows, maps and much more.

1 * var(--element)
Blocks

Picture

Blocks

Spacer

Blocks

Audio

Blocks

Model Viewer

Blocks

Search

Blocks

Facebook

Blocks

Heading

Blocks

Button

Blocks

Table

Blocks

Columns

Blocks

Back

Blocks

Instagram

Blocks

Slideshow

Blocks

Markdown

Blocks

Map

Blocks

Menu Logo

Blocks

Dark Mode

Blocks

LinkedIn

Blocks

Video

Blocks

Collection

Blocks

Form

Blocks

Navigation

Blocks

Adress

Blocks

Twitter

Blocks

Text

Blocks

Accordion

Blocks

Lottie

Blocks

Language

Blocks

Share

Blocks

Youtube

Blocks

Icon

Blocks

Image Sheet

Blocks

Code

Blocks

Bread Crumbs

Blocks

Newsletter

Blocks

Vimeo

Blocks

Picture

Blocks

Video

Blocks

Spacer

Blocks

Collection

Blocks

Heading

Blocks

Text

Blocks

Button

Blocks

Accordion

Blocks

Slideshow

Blocks

Icon

Blocks

Markdown

Blocks

Image Sheet

2 * var(--element)

Templates

1 * var(--element)

With Blocks, you can craft templates for choices on site level, providing a cohesive design framework, while still retaining the flexibility to customize specific details locally. Strike the perfect balance between consistency and nuanced customization for a website that reflects your unique vision.

Imagesttings:
Grid width: wider
Columns: 1.5
Scale: 60%
Image Resolution: 0.8
Image Compression: 60
edit Specs

Features

Kirby

Blocks is built on the foundation of Kirby CMS, combining the flexibility and power of Kirby with an intuitive web-building environment.

Virusfree

Blocks ensures a secure online environment by being completely virus-free.

PHP 8

Blocks seamlessly updates through PHP, ensuring your website stays current with the latest features and security enhancements.

Animation

Achieve the perfect visual impact with real-time animation adjustments for a captivating and polished website experience.

Open Filesystem

Blocks adopts an open file structure, granting you transparency and flexibility in organizing your website's content.

GSAP

Blocks seamlessly integrates GSAP (GreenSock Animation Platform), providing a powerful and versatile animation toolkit to enhance the dynamism of your website.

Fonts

Use free fonts from Google Fonts, Typekit, or seamlessly uploading your own WOFF3 files. Customize your website's visual identity with ease and creativity.

Editors Paradise

Enjoy a versatile editing experience that empowers creativity without compromising the aesthetic coherence of your site.

Templating

Strike the perfect balance between consistency and nuanced customization for a website that reflects your unique vision.

Get your facts straight

Blocks provides built-in stats for quick insights, and effortlessly integrates with Google Analytics for comprehensive website performance analysis.

SEO

From comprehensive sitemaps to powerful optimization features, we've got your SEO needs covered.

Multi Language

Blocks facilitates the creation of multilingual websites, empowering you to reach a global audience with ease.

Green Hosting

Your website not only benefits from cutting-edge technology but also contributes to a sustainable digital footprint.

WebP Images

Blocks leverages the power of WebP images, optimizing visual content for faster loading times and enhanced web performance.

Back Ups

Create backups, providing a safeguard for your website's data. Enjoy peace of mind knowing that your content is secure and can be easily restored if needed.

Micro Interaction

Blocks features minimalistic micro-interactions, adding subtle yet impactful details to enhance user engagement.

Responsive

Whether your access your website on a desktop, tablet, or smartphone, it will deliver a consistent and optimized experience across all platforms.

Designfreaks

Precisely define sizes and gutters, offering control over the layout and spacing of your website elements.

Sky is the limit

Easily configure the platform to meet the specific needs and workflows of different team members, enhancing collaboration and efficiency across your organization.

Economic

Eliminate continuous engagement with designers or developers. Experience the freedom to adapt your site as it evolves over time.

3 * var(--element)
Imagesttings:
Grid width: is-borderless-layout
Columns: 12
Scale: not defined
Image Resolution: 0.8
Image Compression: 60
3 * var(--element)
Imagesttings:
Grid width: is-borderless-layout
Columns: 12
Scale: not defined
Image Resolution: 0.8
Image Compression: 60
edit Start

Get started

Blocks is available as a tool for bespoke websites. The designteam will help you to build web experiences that you haven't seen before. Let's start creating something special today.

Get in touch!