Kirki gives you an infinite canvas. Place anything, anywhere — or use CSS Grid and Flexbox when structure serves your design. We use an atomic design approach — every element starts as a primitive. You compose upward. No pre-decided widgets. No component ceilings. Structure is a tool you choose, not a constraint imposed on you.
A note for transparency: Kirki was previously launched on Product Hunt as Droip. This is not an update — it's a complete rebuild from scratch with a fundamentally different philosophy. New canvas engine. New design approach. Simpler workflow. Easier learning curve. The freeform canvas replaces everything Droip was.
Report
@kawshar how does the canvas map back to clean WordPress output? Does Kirki generate standard HTML/CSS with Grid/Flexbox, or is there a custom rendering layer?
For designers, freedom is amazing — but performance and maintainability matter a lot too.
@noah_ben Great question! Let me share how it works.
The mapping is stored in JSON, but the output is clean and minimal, built on standard Grid/Flexbox-based HTML and CSS. No bloat, no custom rendering layer.
For example, if you drop a paragraph, the output will be a single paragraph. As it is. What you design is exactly what gets output, keeping things performant and easy to maintain.
Thanks
Report
Hi, I wonder how this system work with WordPress. Kirki will render the entire design layout in BlockEditor?
Figma
Kirki
Thank you 🙏