Drag & Drop

3D Motion & Depth

Perspective Motion creates rich, layered 3D motion effects in seconds with smooth scroll synced perspective transforms.

Purchase

View Live Demos

Built for Motion

Dial in perspective, layered depth, focus states, and interaction modes without leaving the setings panel.

Motion Syncing

Choose from three modes to sync motion: scroll, mouse hover, or follow cursor for interactive control.

Refined Transitions

Movement is carefully animated to feel fluid, natural, and responsive without requiring extensive adjustments.

Automatic Scaling

Layered Z-depths create a sense of space while calculated scaling keeps content readable across layers.

Ready for Existing Projects

Easily drag and drop existing content layouts and designs into the component to start in seconds.

Versatile Content Support

Works seamlessly with cards, feature blocks, galleries, and calls-to-action for broad page section versatility.

Adjustable Layering

Layers are automatically assigned and adjustable in 3D space, with options to manually assign to any child element.

Built-in Presets

Get started with built-in presets, or create custom ones with full control over 3D rotation, depth, and more.

Customizable States

Modify easing and 3D transitions to control the drama and subtlety of each effect for tailored experiences.

Hover & Touch Ready

Perspective Motion adapts to pointer-driven or touch-friendly motion based on the device for optimal interaction.

As Simple as Can be

Complex motion should not require a complex workflow. Perspective Motion gives you expressive control with native controls.

Add the Component

Add the Perspective Motion component to any RapidWeaver Elements project.

Wrap any Element

Drag and drop any existing element from the page into the component.

Customize Motion

Choose a preset for quick & easy setup or define custom behavior with intuitive controls.

Showcase

Interact with any of the premade examples to see the component in action. Each example comes packaged in an included project file.

See full documentation

Best Value

Starter

$49

/template

Ideal for a single landing page, personal client project, or for concept creation.

Responsive hero, features, pricing, FAQ, and footer

Tailwind utility classes for fast customization

Template-ready placeholder visuals and copy

Choose Starter

Make a single content block feel cinematic as visitors scroll past it.

The heading sits closest to the viewer, supporting content layers stack behind it, and the image stays closer to the card surface so the perspective change reads clearly.

Scroll mode ties the rotation and depth directly to viewport position.

Optional hover and once-visible modes use the same depth tiers and transform system.

Override any element tier with utility classes like pm-tier-1 or pm-tier-off.

Explore the Layout