Introduction
Your website is clean, professional… and flat. Just another collection of static boxes and text in a sea of identical sites. You want to wow visitors, but the bridge between “good” and “memorable” usually means complex code, heavy libraries, or expensive motion designers.
Picture a 3D character that looks at your cursor as it moves. A product showcase that unfolds itself while the user scrolls. A model that reacts the moment it enters the viewport.
We took the world’s most powerful 3D and 2D animation engines – Spline and Rive – and plugged them straight into the WordPress tools you already use. Elementor, Bricks, Divi 5, or shortcodes for any other builder – just point to an element and trigger professional-grade motion design.
- The first WordPress plugin offering a unified animation engine for both Spline (3D) and Rive (2D).
- Apply motion logic - Scroll, Click, Hover, Mouse Move - to any element via CSS Class, ID, or Page Body.
- Native integration for Bricks, Elementor, and Divi 5, plus a Shortcode that works anywhere.
- Move beyond static layouts. Give visitors a reason to stay with elements that react to their every move.
- Widgets for Bricks, Elementor, and Divi 5, plus a flexible shortcode for everything else.
- A 3D mascot that reacts to mouse movement the moment visitors arrive.
- Use While Scroll triggers to reveal motion design only when it's most impactful.
- Use scroll linked animations to "explode" a 3D product view or unfold a 2D diagram as users scroll.
- Run Spline 3D scenes and Rive 2D elements from one lightweight backend, no need for multiple heavy plugins.
- Drop elements onto your layout as is for quick rendering, or take them into the animation builder for complex trigger based motion.
- Map interactions to any external HTML element using its CSS Class or ID, not just the asset canvas itself.
- Check animations and triggers in real time, no more save reload debug cycles.
- Custom Lazy Load Offsets and a "Pause When Out of View" switch for Rive elements.
- Upload your Spline
.splinecodeor Rive.rivfile to your media library. - Drag and drop into Bricks, Elementor, or Divi 5 - or paste a Shortcode for any other builder.
- Select your page and start adding custom animations based on available triggers.
- Choose a trigger - Scroll, Click, Hover, Mouse Move, or Page Load - and map it to layers or state machines visually, no code needed.
- Test instantly, save, and refresh your front end to see it in action.
Features
Drag and Drop Elements
Don’t need complex motion paths or scroll-linked timelines? Display your Spline 3D scene or Rive 2D graphic as a static element in seconds, no advanced animation page required.
- Drop your Spline 3D and Rive elements right into your layouts using dedicated, easy-to-use widgets.
- Add Spline 3D or Rive elements directly into your Bricks page layout.
- Drag your Spline 3D or Rive elements straight into your Divi 5 page layout.
- Using Gutenberg, Oxygen, or Breakdance etc? Just copy and paste a simple shortcode to display your Spline 3D or Rive element anywhere.
Use the native elements for instant embedding, or take them to our animation workspace when you’re ready to build custom motion.
Complete Element Settings & Performance Control
No jumping between tools to adjust how your files look or load, get a dedicated settings panel for both Rive and Spline elements right inside your page builder.
- Paste your Spline or Rive URL, select your Rive Artboard, and link it to your State Machine for perfect interactivity.
- Choose your Loading Mode (like Lazy Loading) and set a custom Lazy Load Offset to keep page speeds blazing fast.
- Adjust Rive Fit options (like Cover) so graphics scale and look stunning on any screen size.
- Toggle the WebGL2 Rive Renderer for smooth feathering, or enable “Pause When Out of View” to save CPU and battery.
Fine tune performance and behavior for both engines, right from a simple sidebar – no code required.
Context Aware Triggers & Interactions
Static pages are easily forgotten. Step into our animation workspace and give your assets a pulse with real-time triggers.
- Trigger layer changes or asset state switches on simple clicks.
- Lock animations to the scrollbar so illustrations unfold and models transform as users scroll.
- Make elements follow the visitor’s cursor for immersive effects.
- Build reactions and button states that activate the moment a user hovers.
- Launch layer animations the instant elements enter the viewport.
Every scroll becomes a cinematic reveal, turning passive skimming into active engagement.
Advanced Element Custom Animations
You’re not restricted to clicking or hovering directly on the element. Inside the animation builder, target any trigger to any other HTML element on your site using its CSS Class or ID.
- Link your animations to a separate section, column, button, or text block by pointing to its CSS Class or ID.
- Bind triggers to the page body so elements react as users move anywhere on the site.
- Build layouts where clicking a heading or feature card reveals a precise animation state.
- Build and manage every interaction in one place, without cluttering your main edit screen.
Trigger your custom animations from any HTML element on your site, using nothing but a CSS Class or ID.
Real Time Editor Preview
Stop guessing how your interactions will perform on the live site. The integrated preview hub brings the live environment straight to your workspace.
- Play animations inside the animation editor before publishing the page to ensure motion curves are flawless
- Test complex trigger combos – like mixing a mouse scroll transition with a sudden hover effect- instantly on the fly
- Tweak layer behaviors with instantaneous visual feedback
- Safeguard your live site traffic by fine tuning all interactions safely behind the scenes
Test, iterate, and perfect your motion maps inside a sandbox environment, ensuring a flawless front-end experience from day one.
Spline for WordPress lets you easily add stunning Spline 3D and Rive animations directly into your favorite WordPress page builder, no coding required. Stop settling for boring, static pages that look like everyone else’s.
Bring your creative vision to life and build award winning web interactions on autopilot, get lifetime access today!
Product Overview
Designed For
- Marketers
- Agencies
- Designers
- Small Businesses
Similar To
- Webflow
- Motion page
- Greenshift
Integrations
- Spline
- Rive,
- Elementor
- Bricks Builder
- Divi 5
Operating Systems
- Web based
Features
- No code builder
Pricing plans
All plans include these features
- Full Access to the Animation Engine: Use all triggers including Scroll, Click, Hover, Mouse Move, and Page Load.
- Dual Asset Support: Complete integration for both Spline 3D and Rive 2D vector animations
- Universal Builder Support: Native widgets for Elementor, Bricks, and Divi 5, plus a Shortcode for every other builder (Gutenberg, Oxygen, etc.).
- Targeting Flexibility: Apply animation listeners to any CSS Class, ID, or the entire Page Body.
- Live Previewer: Test your interactions in real time within the WordPress dashboard before going live
- Lifetime Updates: All future features, performance improvements, and compatibility fixes included.
Company Info
Founder
Anas Niazi
A freelance web developer, UI designer, and animator with over 5 years of experience serving clients worldwide, bringing their ideas to digital realization.
Launched In
May 2025
Company HQ
Karachi, Pakistan
Team Size
1
Product stage
Growth
Funding
Self-funded
ARR
Private
Helpful links
Reviews & Questions
Only logged in customers who have purchased this product may leave a review.
Helpful?
Question
Helpful?
Excellent service and very professional team. The project was delivered on time, and the final result exceeded our expectations. Communication was smooth throughout the process, and they were always responsive to our requests. Highly recommended for anyone looking for reliable web development services.
Create stunning Spline 3D and Rive animations effortlessly with our WordPress plugin, no coding required.
$0.00
$0.00
0% OFF
Get lifetime access with a one-time payment.
-
30 Day Money-Back Guarantee
-
Fast customer support
-
1-Year Protection included Learn more
-
Handpicked selected deals
Secure checkout:
Related Products
-
-
Sterling Stock Picker
Find winning stocks faster with easy to use research, screening, and portfolio tools.
0
(0)
-
-
-
-
-
Trustable Labs
AI visibility platform - Scan, score, simulate, optimise and monitor your brand across 8 AI Platforms.
0
(0)
0
Reviews
100% Verified Reviews
All reviews on ProductCanyon are from verified customers who have purchased and used the product. We request honest feedback by email after purchase to ensure transparency.
There are no reviews yet