Starting From Pre-built Blocks

Layers Panel
Variables
Symbols
Pop-up Builder
Media Manager
Figma to Kirki
API Integrations
Review and Publish
Layers Panel
Variables
Symbols
Pop-up Builder
Media Manager
Figma to Kirki
API Integrations
Review and Publish

If you’re just getting started or prefer to build on your own terms, Kirki’s Insert Panel gives you a creative toolkit to work from – without boxing you in.

The pre-made blocks are contextually designed to serve as a blueprint for your website. With dark variants available, your creative journey stays uninterrupted.

As the library continues to grow, every design is fully responsive, and the freeform canvas gives you a clear view of how your site looks across all screen sizes – all from one unified space.

The Insert Panel is split into three sections, making it easy to find what you need at every stage of your build:

  1. Blocks
  2. Elements
  3. Contents

Using Blocks

Blocks are pre-made page layouts and sections – think navigations, hero sections, and more – that let you hit the ground running without building from scratch. Once your layout is in place, you can move on to fine-tuning the details. Blocks give you the freedom to visualize and present your ideas quickly, so your creative process stays on track from the start.

Using Elements

While Blocks help you lay out your page with pre-made sections, Elements take things a step further with built-in styled components – icons, buttons, cards, forms, sliders, accordions, tabs, and more. Pick what you need and update them to fit your design.

If you need deeper customization, you can also enable the base elements to access Kirki’s core building blocks and take full control over every detail.

Using Contents

The Contents section is where all your collections from the Content Manager and WordPress posts are listed. Simply drag and drop them wherever you need them on your page – keeping your building process fast and seamless.

Was this page helpful?

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.