The Moon

our silent sister

Motion Forge

to infinity and beyond

Core

Motion Forge Core is the ultimate starting point for bringing your web pages to life. This component allows you to seamlessly and flexibly integrate the GSAP library into your project. Easily import your required plugins directly from the official CDN or customize the setup to fit your exact needs, ensuring peak performance with minimal configuration hassle.

Timeline

Take absolute control of time and space on your web pages with Motion Forge Timeline. This advanced component gives you the freedom to chain and synchronize complex animations across multiple elements flawlessly. With native support for Scroll-Pinning (locking elements on screen) and custom Scroll-Triggers, you can craft visual narratives that unfold beautifully as the user scrolls. To top it off, the built-in Debug mode provides visual markers to help you calibrate, test, and perfect every single millisecond of your animation workflow.

KeyFrame

Motion Forge Keyframe is the ultimate partner for the Timeline component, engineered for creators who want to push their boundaries. This component allows you to inject checkpoints within your animation timelines, giving you the power to layer advanced effects and multi-stage transitions directly onto your layout. Its modular nature grants you absolute creative freedom: you can introduce stunning visual details at any time, without having to overhaul or rebuild the work you’ve already created.

Director

Motion Forge Director empowers you to orchestrate stunning animations without writing a single line of code. This universal component can take control of any pre-existing layout — whether it's a native theme, a third-party marketplace template, or even a legacy website. Without altering your original structure, simply drop the Director into your page and tell it what to animate. Your existing site will instantly come alive, breathing new life into older designs with zero friction.

Draggable

Transform static elements into live, responsive interfaces with Motion Forge Draggable. This component unlocks unprecedented interactivity, allowing users to drag, flick, or touch webpage elements seamlessly across desktop and mobile devices. By leveraging advanced boundary constraints and realistic inertia physics, every movement feels natural, fluid, and incredibly satisfying.

ONE MORE THING...

The journey to transform your web pages has just begun. We are already engineering new, ready-to-use components for the Motion Forge suite: advanced typography, immersive interactions, and peak performance, unleashing the raw power of GSAP with zero friction and absolute creative freedom.

The best part? All future components will be automatically integrated with no extra costs. Motion Forge is yours forever, giving you an ever-growing ecosystem at no additional charge.

Motion Forge Workflow

Choose your path, then let the magic begin.

Choose your path

The power to animate, tailored to your workflow.

Integration Path

Evolve your layout.

Upgrade your website. The component attaches invisibly, allowing you to apply dynamic scroll effects without changing a single line of your current structure. It's perfect for all your custom layouts and any template downloaded from the store.

Scroll Focus
Creation Path

Start from scratch.

Absolute creative freedom. The component provides you with a blank canvas to animate any element with disarming ease, giving a unique rhythm to every single pixel.

<animate>
</animate>

Connect Any Element

Assign an ID to any web element on your page, target it inside the component, and let the magic begin.

Motion Forge Component
|
Waiting for target...
<div id="my-box">
Any Web Element
Seen my new site? Completely transformed! 🚀
It's insane! 😍 How is it so smooth? ✨
Used Motion Forge for FX and animations. 🛠️
Looks like a top-tier design studio work! 💎
And it fits perfectly without changing my layout! 🧩
Brilliant! Trying it right now! 🎉🔥

your website

Bring your website to life instantly. Animate the layout you’ve already built: zero code, zero changes to your design. Go from static to stunning in one click.

"Homerizing" is a term that David Copperfield and Chris Kenner use when Homer Liwag turns something good into something better.

All animations and interactions
on this page were created with

Motion Forge

… even in this modal

Flick me away to reveal
the close button