Blocks - Kirby website builder

Blocks

Blocks are the elements you will use when building your website.
You can create many different designs by mixing them.
I am presenting you 47 blocks now.

Video Lightbox

You can show your vimeo and youtube videos with lightbox and inline svg.

Social Block

Social Media is a part of our life. Easily add social media links.

Divider Block

Dividers increase the legibility of your site.

Code Block

Text which is to be presented exactly as written in the HTML.

Subpage Block

Show your subpages on the page you want in various ways.

Categories Block

You may want to show the categories on your blog or project page.

Nav Block

You can embed vertical navigation anywhere on your site.

Inline SVG Block

Copy and paste the SVG code. Shape it and color it.

Custom Code Block

You can easily embed code from 3rd party websites.

Image URL Block

You can copy the url of an image from any website and embed it on your site.

Form Block

It's now easier to put a form on your site.

Slideshow Block

Slideshow that you can shape as you want.

Slider Block

Slider that you can shape as you want. You can put either image, video etc.

Map Block

Easily embed maps in your pages using snazzymaps.

Youtube Block

Copy the youtube link and embed your videos on your site.

Vimeo Block

Of course you can embed a video from vimeo.

Gallery Block

Showcase your photos with lightbox and various grids.

List Block

A simple WYSIWYG editor field for ordered and unordered lists

Image Block

I guess a website without an image is unthinkable

Breadcrumb Block

Create breadcrumbs to show users their location within a website.

Accordion Block

Create a list of items. Perhaps you will want to create a FAQ.

Quote Block

Perhaps you will want to add a quote your articles.

Markdown Block

Of course, I haven't forgotten Kirby's beautiful markdown editor.

Button Block

Add various types of buttons. And design them.

Text Block

Use the text block to add text to pages or posts or projects etc..

Heading Block

Headings are titles or subtitles that you want to display on a webpage.