Kirki Customizer Theme

Build pages you can edit from the Customizer

Kiki gives you real business pages with editable content, colors, typography, borders, images, repeaters, buttons, and embeds powered by Kirki.

View services About Kiki

Editable hero image

Editable Home Content

This home page is intentionally content-rich so support teams can test real editing workflows before shipping Kirki releases.

Release test date: 2026-08-06

Sortable Feature Order

Content
Design
Repeaters
Media

Services

Home Service Cards

Customizer QA

Exercise field rendering, saving, transport, and output.

Learn more

Content Editing

Edit real page copy and buttons without touching templates.

Learn more

Release Confidence

Check repeaters, media, typography, colors, and embeds together.

Learn more

Ready to test a Kirki release candidate?

Open Appearance > Customize and edit every visible section of this site.

Open Customizer

Customizer Control Lab

All Kirki Control Outputs

Edit these values in Appearance > Customize > Kiki Theme Options > Customizer Control Lab, then confirm each visible value updates here.

Text, Select, and Input Values

Text: Editable text control value
Textarea: This textarea value appears in the visible control lab so multiline text saving can be checked quickly.
URL: https://docs.themeum.com/kirki/
Generic Email: support@example.com
Number: 7
Dimension: 24px
Date: 2026-08-06
Select: filled
Preset: blue
Radio: alpha
Radio Buttonset: middle
Radio Image: left
React Select: beta
Dropdown Pages: 0
Font Awesome: fa-wordpress
Dashicons: admin-customizer
Upload URL

Booleans and Rich Text

Checkbox: checked

Switch: on

Toggle: on

Editor control: rich text from Kirki renders here.

Color Controls

Alpha Color rgba(37, 99, 235, 0.72)

Color Palette #2563eb

Palette #0f766e

React Colorful #d97706

Multicolor: {"primary":"#2563eb","secondary":"#0f766e"}

Sortable and Multicheck

Text
Media
Layout
Style

Multicheck: one, three

Margin, Padding, Responsive

{
    "margin": {
        "top": "10px",
        "right": "10px",
        "bottom": "10px",
        "left": "10px"
    },
    "padding": {
        "top": "20px",
        "right": "20px",
        "bottom": "20px",
        "left": "20px"
    }
}

{
    "desktop": "32px",
    "tablet": "24px",
    "mobile": "18px"
}

Image and Media

Lab image control output

Lab cropped image control output

Active

Repeater Row One

Edit this row in the Customizer lab.

Inactive

Repeater Row Two

Add, remove, and reorder rows to test persistence.