Droip is now Kirki

Website Builder for WordPress, reimagined.

Design without boundaries.

Kirki is the first freeform visual builder for WordPress. An infinite canvas, a real CMS, and everything you need to build — all in one place.

Get started free

Kirki canvas left panel

Kirki canvas with multiple devices

Kirki canvas right panel

red-cursor

green-cursor

orange-cursor

100+ template kits

Start with something that turns heads.

Modern, interactive template kits — each fully customizable on the freeform canvas. Light and dark versions included.

template-thumb-1

template-thumb-27

template-thumb-1

template-thumb-2

template-thumb-6

template-thumb-8

template-thumb-3

template-thumb-11

template-thumb-6

template-thumb-8

template-thumb-3

template-thumb-11

template-thumb-10

template-thumb-11

template-thumb-5

template-thumb-14

template-thumb-15

template-thumb-7

template-thumb-7

template-thumb-14

template-thumb-15

template-thumb-7

template-thumb-7

template-thumb-18

kaizen-thumbnail-template

template-thumb-20

template-thumb-9

template-thumb-22

template-thumb-1-4

template-thumb-24

template-thumb-4

template-thumb-1-4

template-thumb-24

template-thumb-4

You've been building inside boxes long enough.

Section → Row → Column → Element

Kirki gives you a canvas.

kirki-island

Built differently. By design.

Four things that make Kirki unlike anything else on WordPress.

Design freedom

Infinite freeform canvas

Unlimited breakpoints

CSS variable design system

Interactions & animations

Infinite freeform canvas

Explore the canvas

Built-in CMS

Content manager & custom fields

Reference & multi-reference

Dynamic templates

Schedule posts

Collection filter & pagination

Explore the CMS

Realtime collaboration

Multiple editors, one canvas

Comments directly on design

Staging mode & publish history

Client view-only share links

Dev mode for handoff

Explore the Collaboration

Interaction timeline

Visual keyframe timeline editor

Scroll, click, hover, mouse move

Interaction presets

Text animations

Lottie file support

Explore the interaction

Kirki canvas showing design freedom on freeform canvas

Built-in CMS showing content manager

Realtime collaboration & comments inside Kirki canvas

Interaction timeline with visual keyframe timeline edit

Everything you need.
Nothing you don't.

{"blocks":{"dpcn45rn":{"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":["dpp9hzd2","dpgqmbk5","dpd4ltaq"],"className":"kirki-slider","source":"kirki","children":["dpvlkhbe","dps1h8o2","dpx4ux4f","dp9nvzxv"],"id":"dpcn45rn","parentId":"dps30jp9","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},"dpvlkhbe":{"styleIds":["dp31lc3u","dphjsbnt","dpdtfqsc"],"visibility":true,"collapse":false,"name":"slider_mask","title":"Slider Mask","properties":{"tag":"div"},"className":"kirki-slider-mask","source":"kirki","children":["dpi9brkr","dpo2ao51","dpbuzuq2","dp7s9ew2","dpa1ai6p","dpc920ma"],"id":"dpvlkhbe","parentId":"dpcn45rn","template_mounted":true},"dpi9brkr":{"styleIds":["dpwl9t83","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":["dppcou4v"],"id":"dpi9brkr","parentId":"dpvlkhbe","hide":false},"dppcou4v":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dp69uw1m","dpp4rw2c"],"id":"dppcou4v","parentId":"dpi9brkr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp69uw1m":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dph5yzyb"],"id":"dp69uw1m","parentId":"dppcou4v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dph5yzyb":{"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\/Frame-2147227688.webp","alt":"Seamlessly migrate to Kirki from Figma, HTML or any other Builders","href":"","target":"","name":"frame-2147227688"},"wp_attachment_id":6726},"styleIds":["dp2i9u6u"],"className":"","source":"kirki","id":"dph5yzyb","parentId":"dp69uw1m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpp4rw2c":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dp25ljp9","dpdirh9d"],"id":"dpp4rw2c","parentId":"dppcou4v","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp25ljp9":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Seamlessly migrate to Kirki"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dp25ljp9","parentId":"dpp4rw2c","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpdirh9d":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Import from Figma, HTML, or any existing builder. Styles, spacing, and layouts preserved."],"tag":"p"},"styleIds":["dpbmpqqy"],"className":"","source":"kirki","id":"dpdirh9d","parentId":"dpp4rw2c","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpo2ao51":{"styleIds":["dpwl9t83","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":["dpwyp0ak"],"id":"dpo2ao51","parentId":"dpvlkhbe","hide":false},"dpwyp0ak":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dpeqf10j","dplybv7i"],"id":"dpwyp0ak","parentId":"dpo2ao51","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpeqf10j":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dpf0t3fs"],"id":"dpeqf10j","parentId":"dpwyp0ak","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpf0t3fs":{"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\/dev-mode-img.webp","alt":"dev-mode-img","href":"","target":"","name":"dev-mode-img"},"wp_attachment_id":8019},"styleIds":["dp2i9u6u"],"className":"","source":"kirki","id":"dpf0t3fs","parentId":"dpeqf10j","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dplybv7i":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dpevr2is","dpiumeun"],"id":"dplybv7i","parentId":"dpwyp0ak","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpevr2is":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Dev mode"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dpevr2is","parentId":"dplybv7i","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpiumeun":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Full CSS visibility and clean structured markup for seamless developer handoff."],"tag":"p"},"styleIds":["dpbmpqqy"],"className":"","source":"kirki","id":"dpiumeun","parentId":"dplybv7i","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpbuzuq2":{"styleIds":["dpwl9t83","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":["dpfrn11y"],"id":"dpbuzuq2","parentId":"dpvlkhbe","hide":false},"dpfrn11y":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dp6i63hp","dpx259wn"],"id":"dpfrn11y","parentId":"dpbuzuq2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp6i63hp":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dp5izmhv"],"id":"dp6i63hp","parentId":"dpfrn11y","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp5izmhv":{"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 Mailchimp, Google search console and others inside Kirki","href":"","target":"","name":"get-essential-app-integrations-2"},"wp_attachment_id":7768},"styleIds":["dp2i9u6u"],"className":"","source":"kirki","id":"dp5izmhv","parentId":"dp6i63hp","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpx259wn":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dp9i5n7j","dp8s21f1"],"id":"dpx259wn","parentId":"dpfrn11y","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9i5n7j":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get essential app integrations"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dp9i5n7j","parentId":"dpx259wn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp8s21f1":{"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":["dpbmpqqy"],"className":"","source":"kirki","id":"dp8s21f1","parentId":"dpx259wn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp7s9ew2":{"styleIds":["dpwl9t83","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":["dpxkmgoj"],"id":"dp7s9ew2","parentId":"dpvlkhbe","hide":false},"dpxkmgoj":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dpnegglj","dpwsqfhk"],"id":"dpxkmgoj","parentId":"dp7s9ew2","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpnegglj":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dp691f4k"],"id":"dpnegglj","parentId":"dpxkmgoj","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp691f4k":{"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":["dp2i9u6u"],"className":"","source":"kirki","id":"dp691f4k","parentId":"dpnegglj","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpwsqfhk":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dpu87o5q","dp0rgdu5"],"id":"dpwsqfhk","parentId":"dpxkmgoj","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpu87o5q":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Get rid of third-party plugins"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dpu87o5q","parentId":"dpwsqfhk","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp0rgdu5":{"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":["dpbmpqqy"],"className":"","source":"kirki","id":"dp0rgdu5","parentId":"dpwsqfhk","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpa1ai6p":{"styleIds":["dpwl9t83","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":["dpe4dpwp"],"id":"dpa1ai6p","parentId":"dpvlkhbe"},"dpe4dpwp":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dp8r0bs4","dppv1h0a"],"id":"dpe4dpwp","parentId":"dpa1ai6p","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp8r0bs4":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dp9ttipd"],"id":"dp8r0bs4","parentId":"dpe4dpwp","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9ttipd":{"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":["dp2i9u6u"],"className":"","source":"kirki","id":"dp9ttipd","parentId":"dp8r0bs4","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dppv1h0a":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dplhphgl","dp4wgwdn"],"id":"dppv1h0a","parentId":"dpe4dpwp","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dplhphgl":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Figma to Kirki"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dplhphgl","parentId":"dppv1h0a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp4wgwdn":{"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":["dpbmpqqy"],"className":"","source":"kirki","id":"dp4wgwdn","parentId":"dppv1h0a","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpc920ma":{"styleIds":["dpwl9t83","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":["dprktgqo"],"id":"dpc920ma","parentId":"dpvlkhbe"},"dprktgqo":{"visibility":true,"collapse":false,"name":"div","title":"wrapper","properties":{"tag":"div"},"styleIds":["dpzpkkev"],"className":"","source":"kirki","children":["dp9mes1g","dpohdd7y"],"id":"dprktgqo","parentId":"dpc920ma","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9mes1g":{"visibility":true,"collapse":false,"name":"div","title":"img wrapper","properties":{"tag":"div"},"styleIds":["dppouyty"],"className":"","source":"kirki","children":["dpm38gz9"],"id":"dp9mes1g","parentId":"dprktgqo","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpm38gz9":{"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":["dp2i9u6u"],"className":"","source":"kirki","id":"dpm38gz9","parentId":"dp9mes1g","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpohdd7y":{"visibility":true,"collapse":false,"name":"div","title":"content wrapper","properties":{"tag":"div"},"styleIds":["dp7se5qn"],"className":"","source":"kirki","children":["dp3qoj93","dpu3i3w2"],"id":"dpohdd7y","parentId":"dprktgqo","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp3qoj93":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["Create unlimited breakpoints"],"tag":"h3"},"styleIds":["dpbg3bvr"],"className":"","source":"kirki","id":"dp3qoj93","parentId":"dpohdd7y","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpu3i3w2":{"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":["dpbmpqqy"],"className":"","source":"kirki","id":"dpu3i3w2","parentId":"dpohdd7y","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dps1h8o2":{"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":["dplnbayj"],"id":"dps1h8o2","parentId":"dpcn45rn","template_mounted":true},"dplnbayj":{"styleIds":["dppya0gl"],"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":"dplnbayj","parentId":"dps1h8o2"},"dpx4ux4f":{"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":"dpx4ux4f","parentId":"dpcn45rn","template_mounted":true,"children":["dprf7zpt"]},"dprf7zpt":{"styleIds":["dp7at4vy"],"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":"dprf7zpt","parentId":"dpx4ux4f"},"dp9nvzxv":{"styleIds":["dprjo9h6"],"visibility":true,"collapse":false,"name":"slider_nav","title":"Slider Nav","properties":{"tag":"div"},"className":"kirki-slider-nav","source":"kirki","id":"dp9nvzxv","parentId":"dpcn45rn","template_mounted":true,"children":["dpmfmadf","dpm9amc7","dp6i4gzy","dp1nlc2h","dplmszpz","dpd1uarj"],"hide":true},"dpmfmadf":{"styleIds":["dp3pn529"],"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":"dpmfmadf","parentId":"dp9nvzxv"},"dpm9amc7":{"styleIds":["dp3pn529"],"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":"dpm9amc7","parentId":"dp9nvzxv"},"dp6i4gzy":{"styleIds":["dp3pn529"],"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":"dp6i4gzy","parentId":"dp9nvzxv"},"dp1nlc2h":{"styleIds":["dp3pn529"],"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":"dp1nlc2h","parentId":"dp9nvzxv"},"dplmszpz":{"styleIds":["dp3pn529"],"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":"dplmszpz","parentId":"dp9nvzxv"},"dpd1uarj":{"styleIds":["dp3pn529"],"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":"dpd1uarj","parentId":"dp9nvzxv"}},"styles":{"dpp9hzd2":{"id":"dpp9hzd2","type":"class","isDefault":false,"name":["dpwvikxv"],"variant":{"md":"position: relative;height: 360px;"}},"dpgqmbk5":{"id":"dpgqmbk5","type":"class","name":["dp93xzt0"],"isDefault":false,"variant":{"md":""}},"dpd4ltaq":{"id":"dpd4ltaq","type":"class","name":["dpwvikxv","dp93xzt0"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:549px;overflow:visible;","tablet":"height:545px;","mobile":"height:477px;"}},"dp31lc3u":{"id":"dp31lc3u","type":"class","isDefault":false,"name":["dpwuhyr0"],"variant":{"md":"position: relative;display: flex;width: 100%;height: 100%;"}},"dphjsbnt":{"id":"dphjsbnt","type":"class","name":["dpa4a7hq"],"isDefault":false,"variant":{"md":""}},"dpdtfqsc":{"id":"dpdtfqsc","type":"class","name":["dpwuhyr0","dpa4a7hq"],"isDefault":false,"isComboClass":true,"variant":{"md":"height:445px;column-gap:32px;","mobile":"height:397px;column-gap:16px;"}},"dpwl9t83":{"id":"dpwl9t83","type":"class","isDefault":false,"name":["dpilvyx4"],"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},"dpzpkkev":{"id":"dpzpkkev","type":"class","name":["dp5l2ifd"],"isDefault":false,"variant":{"md":"display:flex;flex-direction:column;row-gap:32px;width:100%;height:100%;","mobileLandscape":"row-gap:24px;"}},"dppouyty":{"id":"dppouyty","type":"class","name":["dpf7n3dm"],"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;"}},"dp2i9u6u":{"id":"dp2i9u6u","type":"class","isDefault":false,"name":["dpnnd375"],"variant":{"md":"max-width:100%;max-height:none;height:100%;width:100%;object-fit:cover;"}},"dp7se5qn":{"id":"dp7se5qn","type":"class","name":["dpoppwju"],"isDefault":false,"variant":{"md":"width:100%;display:flex;flex-direction:column;row-gap:12px;"}},"dpbg3bvr":{"id":"dpbg3bvr","type":"class","name":"dpth7jy5","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;"}},"dpbmpqqy":{"id":"dpbmpqqy","type":"class","name":"dp3vdll9","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},"dppya0gl":{"id":"dppya0gl","type":"class","name":"dparydh2","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},"dp7at4vy":{"id":"dp7at4vy","type":"class","name":"dpnti8z7","isDefault":false,"variant":{"md":"width:20px;height:20px;"}},"dprjo9h6":{"id":"dprjo9h6","type":"class","name":"dpti1xve","variant":{"md":"display: flex; justify-content: center; align-items: center; column-gap: 8px;"},"isDefault":false},"dp3pn529":{"id":"dp3pn529","type":"class","isDefault":false,"name":"dpfi2fjg","variant":{"md":"width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;background-color: #dddddd;cursor: pointer;"}}}}

Seamlessly migrate to Kirki from Figma, HTML or any other Builders

Seamlessly migrate to Kirki

Import from Figma, HTML, or any existing builder. Styles, spacing, and layouts preserved.

Dev mode

Full CSS visibility and clean structured markup for seamless developer handoff.

Essential app integrations like Mailchimp, Google search console and others 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.

Install. Build. Publish. Absolutely Free!

No credit card

No time limit

Get Kirki for free See all plans