Bricks Builder Plugin

Bricks Builder GSAP Animations – No Code. No Limits.

Kinekt brings professional GSAP animations directly into the Bricks Builder UI — visually configurable, without writing a single line of code.
About

What is Kinekt?

Kinekt is a premium Bricks Builder GSAP plugin that integrates ScrollTrigger directly into the builder UI. Instead of writing JavaScript, you configure every animation visually — scroll triggers, easing curves, stagger delays, and more.

Whether you want a simple fade-in on scroll or a complex multi-step GSAP timeline, Kinekt handles it without touching code. It works with any Bricks element, supports Bricks 2.0+, and has minimal impact on page performance.

Features

What You Can Build

Scroll-Triggered Animations

Define From/To animation states for any element and let GSAP ScrollTrigger fire them at the exact scroll position you choose. Pin sections in place while content scrolls past, or scrub animations in perfect sync with the scroll.

Animate Children & Stagger

Target a parent wrapper and animate all its child elements automatically — no need to apply settings to each child individually. Stagger timing creates elegant cascading reveals across cards, lists, or grid items.

Timeline Controller

Any Bricks element can act as a Timeline Controller, triggering animations on click or hover. Assign an Animation ID and reference it from a controller to run multiple Bricks Builder GSAP animations simultaneously or sequentially.

Presets

Save any animation as a named preset and reuse it across your site with one click. Export from WordPress under OB Kinekt › Presets and import on any other site. Reload Bricks Builder once after adding a new preset.

Image Effects

Apply smooth parallax (vertical or horizontal) and directional reveal effects to any image. The Bricks image element must have an HTML tag — div or figure — assigned in its settings for effects to work correctly.

SVG & Text Animations

Draw SVG paths as users scroll — perfect for animated infographics and icon reveals. Split text by words or lines and animate with staggered reveals, typewriter effects, or color transitions on scroll or hover.
Setup

How It Works

1

Step 1 – Install the Plugin

Download Kinekt from your account and upload the ZIP via WordPress › Plugins › Add New. Activate it — no additional configuration needed.
2

Step 2 – Open the Kinekt Panel

Select any element in Bricks Builder and open the Kinekt panel in the sidebar. Every element — heading, block, or full section — can receive its own GSAP animation settings.
3

Step 3 – Configure & Publish

Set your scroll trigger, choose an easing curve, define from/to values, add stagger — all visual controls. Save and publish — your Bricks Builder GSAP animation goes live instantly.
FAQ

Frequently Asked Questions

Do I need GSAP or JavaScript knowledge?

No. Kinekt provides a complete visual UI for all animation settings inside Bricks Builder. If you already know GSAP, you can extend Kinekt with custom code via its API — but that is entirely optional.

Why aren’t my image effects working?

Make sure your image element in Bricks has an HTML tag assigned — either div or figure. Set this in the element’s Style settings under “HTML tag”. This is required for Kinekt’s image effects to work correctly.

Can I reuse animations across multiple sites?

Yes. Save any animation as a preset, then export it from the WordPress dashboard under OB Kinekt › Presets. Import the exported file on any other WordPress site that has Kinekt installed.

Does Kinekt work with Bricks 2.0?

Yes, Kinekt is fully compatible with Bricks 2.0 and later. It uses Bricks’ modern architecture for smoother performance and deeper integration with Query Loop and Dynamic Data.

Can one trigger control multiple animations?

Yes. Assign an Animation ID to any element and reference it from a Timeline Controller. A single controller can trigger multiple GSAP animations simultaneously or sequentially — enabling complex, choreographed interactions.

Ready to Animate Your Bricks Builder Site?

Get Kinekt and start building professional Bricks Builder GSAP animations today.
View Pricing