Interactions

Pro-Grade Motion Engine. Zero Bloat. RIght Inside WordPress

Create ultra-fluid, award-winning web experiences with a visual interaction builder that outputs pure, high-performance animations.

Get started free
Interaction hero bg img

Triggers & Timeline

A timeline + Triggers = Freedom

Orchestrate your web pages with multi-trigger and multi step interaction sequences in a freeform timeline.

Interaction trigger timeline background
Interaction trigger PopUp
Interaction timeline backgroundInteraction editor timeline
Interaction editor item multiselect
interaction-editor-4
Interaction library backgroundInteraction library popup

Every

millisecond

pixel

is yours.

graphics-container

Timeline demo

Master every frame with ultimate precision.

Slice Reveal

Sequence element motion directly on the timeline to orchestrate multi-layered reveals anywhere on your page.

Grid Expand

Animate element dimensions and positions simultaneously to morph interactive grids into full layout views.

Kinetic Flow

Sequence multiple keyframe blocks on the timeline to orchestrate smooth, multi-step layout transitions.

Block Matrix

Keyframe sub-element properties across the timeline to create custom sequential patterns and graphics anywhere.

Interaction Library

A library. Unlimited Combinations.

Skip hours of keyframing. Select a high-performance interaction module, select the preset you love, tweak visual parameters live, and publish complex web dynamics in seconds.

Children Reveal

Orchestrate child elements in a single click.

Orchestrate complex staggered enter animations for nested elements instantly using one parent control —no tedious keyframing required.

Kirki Interaction library children reveal

Library: 3 min

Manual: 1h+

kirki interaction library children reveal background
Soft Bloom
Blur In
Popcorn

Text animation

Studio-grade typography motion made simple.

Transform static text using character-level staggers, sleek blur transitions, and customizable timing curves in real time.

kirki interaction library text animation

Library: 1 min

Manual: 40 min+

kirki interaction library text animation background
Blur
Stagger
Shoot

Children Reveal

//

Apply dynamic scroll-stack with infinite combinations in 1 click.

Library: 5 min

Manual: 3h+

1

kirki interaction library children reveal item stacking popup

2

kirki interaction library children reveal item stacking popup

3

kirki interaction library children reveal item stacking popup

4

kirki interaction library children reveal item stacking popup

5

kirki interaction library children reveal item stacking popup

Add cinematic parallax in one click.

Parallax Scroll

Fluid parallax depth keyed to page scrolling.

Add cinematic depth to elements as users scroll, creating immersive multi-layered storytelling experiences with zero math.

kirki interaction library Parallax scrolling popup

Library: 1 min

Manual: 30 min+

Cursor Parallax

Your elements react to mouse coordinates.

Make elements react dynamically to mouse movement, giving your pages responsive visual depth and modern fluid energy.

kirki interaction library cursor parallax popup

Library: 1 min

Manual: 1h+

kirki interaction library cursor parallax popup background

Micro-interactions that delight.

Ticker

Continuous looping motion banners.

Build continuous marquee banners or logo tickers with custom drag and hover controls, variable speeds, and seamless looping movement in any direction.

Library: 30s

Manual: 20 min+

Follow Cursor

Magnetic CTAs and trailing elements.

Attach floating badges, custom cursors, or magnetic CTAs directly to mouse pointer coordinates with adjustable inertia.

Library: 30s

Manual: 20 min+

The WordPress site
you imagined
is possible.

Stop compromising on design. Start building the way you think.