Grids & Layouts

Structure precisely. When you need it.

CSS Grid and Flexbox built directly into the canvas. Create any layout — from simple to complex structure.

Grid. Flex. 
Your call.

Grid

Flex

Kirki layout grid options

Kirki layout flex options

Switch between CSS Grid and Flexbox on any element. Use the right layout model for every part of your design — without leaving the canvas.

Switch between CSS Grid and Flexbox on any element. Use the right layout model for every part of your design — without leaving the canvas.

Button sitting inside a grid from left panel insert elements

Put anything, exactly where you want it.

Full control over how elements sit inside a grid — alignment, area, spacing, and density. Designed visually, not coded manually.

Kirki layout vertical & horizontal flex alignment options

Align elements horizontally and vertically

Perfectly place flex elements by adjusting vertical and horizontal alignment

Span grid items across multiple cells

Span elements across multiple cells

Span your grid items across multiple cells by assigning it a grid area.

Individual grid item customization option

Control how each item behaves independently

Individually customize each grid item’s alignment, order, & placement

Button sitting inside a grid from left panel insert elements

Kirki layout vertical & horizontal flex alignment options

Span grid items across multiple cells

Individual grid item customization option

Every grid detail. Under your control

Build your grid visually

Visual grid controls

Space columns and rows exactly right

Column & row space control

Name areas, place elements anywhere

Define grid area

Span elements across multiple tracks

Visually span elements across multiple tracks

Responsive. 
Without the extra work.

Every grid you build adapts automatically across desktop, tablet, and mobile. Set your layout once — Kirki handles the breakpoints.

Automatic grid adaption across responsive devices

Everything you need.
Nothing you don't.

{"blocks":{"dpj6ajs1":{"visibility":true,"collapse":false,"name":"slider","title":"Slider","properties":{"slider":{"mode":"manual","animation":"slide","duration":600,"easing":"ease-out","defaultSlide":0,"autoplay":false,"pauseOnHover":true,"delay":2000,"infiniteLoop":0,"swipeGestures":true,"hideArrowsAtEnds":false,"arrowIconName":"chevron","arrowIconColor":"#D6D6D6","arrowSpacing":"24px","indicatorIconName":"box","indicatorIconColor":"#D6D6D6","indicatorSpacing":"8px","indicatorPosition":"center-bottom","indicatorHorizontalOffset":0,"indicatorVerticalOffset":0,"orientation":"","activeSlideIndex":1,"defaultActiveSlide":1,"currentActiveClass":"kirki-slide-active","editorProps":{"activeSlide":0}},"dynamicSliderContent":{"type":"post","collectionType":"posts","items":3,"current_page":1,"pagination":true,"pagination_type":"numeric","filters":[],"sorting":[]},"tag":"div"},"styleIds":["dpa89zgm","dpuiddwn","dpycmm2j"],"className":"kirki-slider","source":"kirki","children":["dpp7sllw","dptp4i5c","dpdnd4u7","dpb9fkij"],"id":"dpj6ajs1","parentId":"dp01jhi5","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpp7sllw":{"styleIds":["dp6mpk2a","dponnbsa","dpckzjht"],"visibility":true,"collapse":false,"name":"slider_mask","title":"Slider Mask","properties":{"tag":"div"},"className":"kirki-slider-mask","source":"kirki","children":["dpr56vdb","dpliksbb","dp1b6mch","dpbiwde0","dpybtuwv","dpg9f1js"],"id":"dpp7sllw","parentId":"dpj6ajs1","template_mounted":true},"dpr56vdb":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-1","properties":{"tag":"div","contents":"Slider 1"},"className":"kirki-slide-item","source":"kirki","children":["dpdbe7ic"],"id":"dpr56vdb","parentId":"dpp7sllw","hide":false},"dpdbe7ic":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dp72tkg8","dpy12pow"],"id":"dpdbe7ic","parentId":"dpr56vdb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp72tkg8":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dplc50nn"],"id":"dp72tkg8","parentId":"dpdbe7ic","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dplc50nn":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/grid-and-layouts.webp","alt":"Design layout that previews the Kirki grid & flex controls","href":"","target":"","name":"grid-and-layouts"},"wp_attachment_id":7936},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dplc50nn","parentId":"dp72tkg8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpy12pow":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dp9dnf0b","dpcm1l0w"],"id":"dpy12pow","parentId":"dpdbe7ic","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9dnf0b":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Grid & Layouts"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dp9dnf0b","parentId":"dpy12pow","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpcm1l0w":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Harness the power of grid and flex elements to create stunning, responsive layouts effortlessly for your website."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dpcm1l0w","parentId":"dpy12pow","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpliksbb":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-2","properties":{"tag":"div","contents":"Slider 2"},"className":"kirki-slide-item","source":"kirki","children":["dpalhock"],"id":"dpliksbb","parentId":"dpp7sllw","hide":false},"dpalhock":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dpdx5ixt","dpe52pv8"],"id":"dpalhock","parentId":"dpliksbb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpdx5ixt":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dpm3qtqd"],"id":"dpdx5ixt","parentId":"dpalhock","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpm3qtqd":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/advance-typography.webp","alt":"Advanced typography options","href":"","target":"","name":"advance-typography"},"wp_attachment_id":7937},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dpm3qtqd","parentId":"dpdx5ixt","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpe52pv8":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dppz9c8i","dp4d1td7"],"id":"dpe52pv8","parentId":"dpalhock","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dppz9c8i":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Advanced Typography"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dppz9c8i","parentId":"dpe52pv8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp4d1td7":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Style typography in many ways to create eye-catching visuals."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dp4d1td7","parentId":"dpe52pv8","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1b6mch":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-3","properties":{"tag":"div","contents":"Slider 3"},"className":"kirki-slide-item","source":"kirki","children":["dp2isq60"],"id":"dp1b6mch","parentId":"dpp7sllw","hide":false},"dp2isq60":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dp6jzcj3","dp16zzgr"],"id":"dp2isq60","parentId":"dp1b6mch","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp6jzcj3":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dpmzfye2"],"id":"dp6jzcj3","parentId":"dp2isq60","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpmzfye2":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Get-essential-app-integrations-1.webp","alt":"Essential app integrations like inside Kirki","href":"","target":"","name":"get-essential-app-integrations-2"},"wp_attachment_id":7768},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dpmzfye2","parentId":"dp6jzcj3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp16zzgr":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dphplf4p","dpn47uhl"],"id":"dp16zzgr","parentId":"dp2isq60","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dphplf4p":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get essential app integrations"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dphplf4p","parentId":"dp16zzgr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpn47uhl":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["20+ built-in apps from Mailchimp to Google Search Console \u2014 no third-party setup."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dpn47uhl","parentId":"dp16zzgr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbiwde0":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-4","properties":{"tag":"div","contents":"Slider 4"},"className":"kirki-slide-item","source":"kirki","children":["dppr2kv3"],"id":"dpbiwde0","parentId":"dpp7sllw","hide":false},"dppr2kv3":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dpma0fj9","dpxes1ph"],"id":"dppr2kv3","parentId":"dpbiwde0","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpma0fj9":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dpsgb815"],"id":"dpma0fj9","parentId":"dppr2kv3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpsgb815":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Get-rid-of-third-party-plugins-2.webp","alt":"Get rid of third-party plugins to create forms, popups, maps etc.","href":"","target":"","name":"get-rid-of-third-party-plugins-3"},"wp_attachment_id":7769},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dpsgb815","parentId":"dpma0fj9","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpxes1ph":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dpvk8q8t","dpf2lwkx"],"id":"dpxes1ph","parentId":"dppr2kv3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpvk8q8t":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get rid of third-party plugins"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dpvk8q8t","parentId":"dpxes1ph","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpf2lwkx":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Forms, popups, maps, SEO, icons \u2014 all built in. Fewer plugins, faster sites, fewer vulnerabilities."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dpf2lwkx","parentId":"dpxes1ph","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpybtuwv":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-5","properties":{"tag":"div","contents":"Slider 5"},"className":"kirki-slide-item","source":"kirki","children":["dpj5kh9s"],"id":"dpybtuwv","parentId":"dpp7sllw"},"dpj5kh9s":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dpvkj8ep","dpthogry"],"id":"dpj5kh9s","parentId":"dpybtuwv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpvkj8ep":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dpivpjys"],"id":"dpvkj8ep","parentId":"dpj5kh9s","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpivpjys":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/figma-to-kirki-2.webp","alt":"Import Figma design to Kirki","href":"","target":"","name":"figma-to-kirki-3"},"wp_attachment_id":6767},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dpivpjys","parentId":"dpvkj8ep","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpthogry":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dpjdqkzi","dp62hdox"],"id":"dpthogry","parentId":"dpj5kh9s","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpjdqkzi":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Figma to Kirki"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dpjdqkzi","parentId":"dpthogry","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp62hdox":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Import Figma designs directly \u2014 preserving your styles, spacing, and layouts exactly as designed."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dp62hdox","parentId":"dpthogry","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpg9f1js":{"styleIds":["dpl6yysz","dpy8a558","dpp5adr5"],"visibility":true,"collapse":false,"name":"slider_item","title":"Slider item-6","properties":{"tag":"div","contents":"Slider 5"},"className":"kirki-slide-item","source":"kirki","children":["dpu89trp"],"id":"dpg9f1js","parentId":"dpp7sllw"},"dpu89trp":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dp50t4lp"],"className":"","source":"kirki","children":["dphbineu","dpgms81m"],"id":"dpu89trp","parentId":"dpg9f1js","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dphbineu":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dpyi5ovc"],"className":"","source":"kirki","children":["dpxj8wsf"],"id":"dphbineu","parentId":"dpu89trp","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpxj8wsf":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"https:\/\/kirki.com\/wp-content\/uploads\/2026\/04\/Create-unlimited-breakpoints.webp","alt":"Showing unlimited breakpoints inside Kirki canvas","href":"","target":"","name":"create-unlimited-breakpoints"},"wp_attachment_id":7767},"styleIds":["dpww0cys"],"className":"","source":"kirki","id":"dpxj8wsf","parentId":"dphbineu","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpgms81m":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dplom34x"],"className":"","source":"kirki","children":["dpi5nvqw","dpflilu5"],"id":"dpgms81m","parentId":"dpu89trp","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpi5nvqw":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Create unlimited breakpoints"],"tag":"h3"},"styleIds":["dp6c9gyi"],"className":"","source":"kirki","id":"dpi5nvqw","parentId":"dpgms81m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpflilu5":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Less plugin reliance means fewer conflicts, better performance, and a smoother experience\u2014without the WordPress plugin chaos."],"tag":"p"},"styleIds":["dprjivnk"],"className":"","source":"kirki","id":"dpflilu5","parentId":"dpgms81m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dptp4i5c":{"styleIds":["dpwaebq3"],"visibility":true,"collapse":false,"name":"arrow_left","title":"Arrow Left","properties":{"tag":"div","isActive":false},"className":"kirki-slider-arrow-left","source":"kirki","children":["dphrgbbg"],"id":"dptp4i5c","parentId":"dpj6ajs1","template_mounted":true},"dphrgbbg":{"styleIds":["dp3upvke"],"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M13 4L7 10L13 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>"},"className":"","source":"kirki","id":"dphrgbbg","parentId":"dptp4i5c"},"dpdnd4u7":{"styleIds":["dpd7aqnn"],"visibility":true,"collapse":false,"name":"arrow_right","title":"Arrow Right","properties":{"tag":"div","isActive":false},"className":"kirki-slider-arrow-right","source":"kirki","id":"dpdnd4u7","parentId":"dpj6ajs1","template_mounted":true,"children":["dpm0xrba"]},"dpm0xrba":{"styleIds":["dpx426un"],"visibility":true,"collapse":false,"name":"svg","title":"Shape","properties":{"tag":"svg","svgOuterHtml":"<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M8 4L14 10L8 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n<\/svg>"},"className":"","source":"kirki","id":"dpm0xrba","parentId":"dpdnd4u7"},"dpb9fkij":{"styleIds":["dp8vv6uh"],"visibility":true,"collapse":false,"name":"slider_nav","title":"Slider Nav","properties":{"tag":"div"},"className":"kirki-slider-nav","source":"kirki","id":"dpb9fkij","parentId":"dpj6ajs1","template_mounted":true,"children":["dp1297go","dpkj0os7","dpuk932o","dpo0939b","dpaaht9s","dp9ka4uh"],"hide":true},"dp1297go":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dp1297go","parentId":"dpb9fkij"},"dpkj0os7":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dpkj0os7","parentId":"dpb9fkij"},"dpuk932o":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dpuk932o","parentId":"dpb9fkij"},"dpo0939b":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dpo0939b","parentId":"dpb9fkij"},"dpaaht9s":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dpaaht9s","parentId":"dpb9fkij"},"dp9ka4uh":{"styleIds":["dpxe8isv"],"visibility":true,"collapse":false,"name":"slider-nav-item","title":"Slider Nav Item","properties":{"tag":"div","isActive":false},"className":"kirki-slider-nav-item","source":"kirki","id":"dp9ka4uh","parentId":"dpb9fkij"}},"styles":{"dpa89zgm":{"id":"dpa89zgm","type":"class","isDefault":false,"name":["dpd5y43x"],"variant":{"md":"position: relative;height: 360px;"}},"dpuiddwn":{"id":"dpuiddwn","type":"class","name":["dpp7az4e"],"isDefault":false,"variant":{"md":""}},"dpycmm2j":{"id":"dpycmm2j","type":"class","name":["dpd5y43x","dpp7az4e"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:549px;overflow:visible;","tablet":"height:545px;","mobile":"height:477px;"}},"dp6mpk2a":{"id":"dp6mpk2a","type":"class","isDefault":false,"name":["dpjj14jf"],"variant":{"md":"position: relative;display: flex;width: 100%;height: 100%;"}},"dponnbsa":{"id":"dponnbsa","type":"class","name":["dpednwqn"],"isDefault":false,"variant":{"md":""}},"dpckzjht":{"id":"dpckzjht","type":"class","name":["dpjj14jf","dpednwqn"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:445px;column-gap:32px;","mobile":"height:397px;column-gap:16px;"}},"dpl6yysz":{"id":"dpl6yysz","type":"class","isDefault":false,"name":["dpjmb4gm"],"variant":{"md":"width: 100%;height: 100%;background-color:#F1F1F1;"}},"dpy8a558":{"id":"dpy8a558","type":"class","name":["dpq10s7r"],"isDefault":false,"variant":{"md":""},"isGlobal":true},"dpp5adr5":{"id":"dpp5adr5","type":"class","name":["dpkxgvgb","dpq10s7r"],"isDefault":false,"isComboClass":true,"variant":{"md":"max-width:437px;","tablet":"max-width:437px;","mobile":"max-width:328px;"},"isGlobal":true},"dp50t4lp":{"id":"dp50t4lp","type":"class","name":["dps2p9bj"],"isDefault":false,"variant":{"md":"display:flex;flex-direction:column;row-gap:32px;width:100%;height:100%;","mobileLandscape":"row-gap:24px;"}},"dpyi5ovc":{"id":"dpyi5ovc","type":"class","name":["dp84h07e"],"isDefault":false,"variant":{"md":"width:100%;overflow:hidden;border-radius:24px;height:289px;","tablet":"height:289px;border-radius:16px;","mobile":"height:216px;border-radius:12px;"}},"dpww0cys":{"id":"dpww0cys","type":"class","isDefault":false,"name":["dpo06y9x"],"variant":{"md":"max-width:100%;max-height:none;height:100%;width:100%;object-fit:cover;"}},"dplom34x":{"id":"dplom34x","type":"class","name":["dp5jmwny"],"isDefault":false,"variant":{"md":"width:100%;display:flex;flex-direction:column;row-gap:12px;"}},"dp6c9gyi":{"id":"dp6c9gyi","type":"class","name":"dpfmxdn5","isDefault":false,"variant":{"md":"font-family:Geist;font-weight:600;font-size:24px;line-height:1.33em;letter-spacing:-0.7px;color:rgba(0, 0, 0, 1.00);margin:0px;","tablet":"font-size:22px;line-height:1.27em;letter-spacing:-0.5px;","mobile":"line-height:1.8em;letter-spacing:-0.4px;font-size:20px;"}},"dprjivnk":{"id":"dprjivnk","type":"class","name":"dpnb1ogr","isDefault":false,"variant":{"md":"font-family:Inter;font-weight:500;font-size:16px;line-height:24px;letter-spacing:-0.2px;color:rgba(0, 0, 0, 0.6);margin:0px;","mobileLandscape":"margin:0 0px 0 0;"}},"dpwaebq3":{"id":"dpwaebq3","type":"class","name":["dp8t267d"],"isDefault":false,"variant":{"md":"position:absolute;height:56px;z-index:3;cursor:pointer;overflow:hidden;color:rgba(0, 0, 0, 0.6);user-select:none;width:98px;background-image:none;background-color:rgba(0, 0, 0, 0.04);border-radius:38px;display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;margin:auto;inset:auto 106px 0px auto;border:1px solid rgba(0, 0, 0, 0.1);","mobile":"position:absolute;height:56px;top:auto;right:106px;bottom:0px;left:auto;z-index:3;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;cursor:pointer;overflow:hidden;color:#000000;user-select:none;width:98px;background-image:none;background-color:rgba(0, 0, 0, 0.04);border-radius:38px;border-top-left-radius:38px;border-top-right-radius:38px;border-bottom-right-radius:38px;border-bottom-left-radius:38px;display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-style:solid;border-left-color:rgba(0, 0, 0, 0.1);border-right-color:rgba(0, 0, 0, 0.1);border-top-color:rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.1);width:calc(50% - 4px);top:auto;right:auto;bottom:0px;left:0%;","md_hover":"color:rgba(255, 255, 255, 1);background-image:none;background-color:rgba(0, 0, 0, 1);"},"isGlobal":true},"dp3upvke":{"id":"dp3upvke","type":"class","name":"dphbzzmm","isDefault":false,"variant":{"md":"width:20px;height:20px;"}},"dpd7aqnn":{"id":"dpd7aqnn","type":"class","name":["dpuw3mnm"],"isDefault":false,"variant":{"md":"position:absolute;height:56px;z-index:4;cursor:pointer;overflow:hidden;color:rgba(0, 0, 0, 0.6);user-select:none;width:98px;border-radius:38px;background-image:none;background-color:rgba(0, 0, 0, 0.04);display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;margin:auto;inset:auto 0px 0px auto;border:1px solid rgba(0, 0, 0, 0.1);","mobile":"position:absolute;height:56px;top:auto;bottom:0px;left:auto;right:0px;z-index:4;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;cursor:pointer;overflow:hidden;color:#000000;user-select:none;width:98px;border-radius:38px;border-top-left-radius:38px;border-top-right-radius:38px;border-bottom-right-radius:38px;border-bottom-left-radius:38px;background-image:none;background-color:rgba(0, 0, 0, 0.04);display:flex;align-items:center;justify-content:center;opacity:1;transition-property:all;transition-duration:300ms;transition-delay:0ms;transition-timing-function:ease-out;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-width:1px;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;border-top-style:solid;border-left-color:rgba(0, 0, 0, 0.1);border-right-color:rgba(0, 0, 0, 0.1);border-top-color:rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.1);width:calc(50% - 4px);","md_hover":"background-image:none;background-color:rgba(0, 0, 0, 1);color:rgba(255, 255, 255, 1);"},"isGlobal":true},"dpx426un":{"id":"dpx426un","type":"class","name":"dpmxavnh","isDefault":false,"variant":{"md":"width:20px;height:20px;"}},"dp8vv6uh":{"id":"dp8vv6uh","type":"class","name":"dp5inp0t","variant":{"md":"display: flex; justify-content: center; align-items: center; column-gap: 8px;"},"isDefault":false},"dpxe8isv":{"id":"dpxe8isv","type":"class","isDefault":false,"name":"dpzcz5n9","variant":{"md":"width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background-color: #dddddd;cursor: pointer;"}}}}

Design layout that previews the Kirki grid & flex controls

Grid & Layouts

Harness the power of grid and flex elements to create stunning, responsive layouts effortlessly for your website.

Advanced typography options

Advanced Typography

Style typography in many ways to create eye-catching visuals.

Essential app integrations like inside Kirki

Get essential app integrations

20+ built-in apps from Mailchimp to Google Search Console — no third-party setup.

Get rid of third-party plugins to create forms, popups, maps etc.

Get rid of third-party plugins

Forms, popups, maps, SEO, icons — all built in. Fewer plugins, faster sites, fewer vulnerabilities.

Import Figma design to Kirki

Figma to Kirki

Import Figma designs directly — preserving your styles, spacing, and layouts exactly as designed.

Showing unlimited breakpoints inside Kirki canvas

Create unlimited breakpoints

Less plugin reliance means fewer conflicts, better performance, and a smoother experience—without the WordPress plugin chaos.