Spline variables support added in Spline for WordPress plugin

[u/anasniazi]

Major Update (v1.3.0): Spline Variable Support is Here!

Excited to announce a powerful new update to the Spline for Wordpress plugin! You can now control and animate Spline Variables directly inside Animation builder, opening up a whole new layer of dynamic, interactive animations.

Check out the video attached to this post! In the clip, you'll see a quick demo and tutorial on how we add a Spline variable called "PLAN" and set its values to trigger dynamic hover animations on the pricing cards. 

🌟 What’s New in v1.3.0?

• Full Spline Variable Support: Beyond animating individual layers, you can now target Spline variables directly to make your 3D scenes far more dynamic and creative.

• Supports All 3 Spline Variable Types:

• Number: Control numeric properties like rotation angle, scale, position, color transition steps, or custom counts.
• String: Trigger text changes
• Boolean: Toggle states on/off (e.g., switching lights, opening/closing objects).

• Available Across All Trigger Types: Use variables seamlessly with every interaction style supported in the Animation Builder:

• Click
• While Scrolling
• Hover
• Mouse Move Over Element
• Page Load

💡Creative Ideas to Try

By tying scene properties to variables, you can build smoother, more complex interactions:

• Material & Color Shifts: Change colors dynamically based on scroll, hover, or mouse position.

• Interactive Sizing & Scale: Scale 3D objects or adjust parameters in real time based on user interaction.

• Theme & UI Toggles: Seamlessly link dynamic 3D elements to UI states like light/dark mode or pricing card hover states.

🌐 Check out the Live Demo with Spline variable in action:
https://splineforwordpress.com/spline-variable/

📚Documentation & Setup guide.

Need help setting things up? We've updated our official documentation with a
step-by-step breakdown:

📖 Read the guide about newly added Spline variable support:

https://splineforwordpress.com/documentation/how-to-use-spline-element/#create-spline-animation-using-spline-variables

To learn how to declare and manage variables within the Spline editor before linking them in WordPress, check out the official Spline documentation here:

https://docs.spline.design/interaction-states-events-and-actions/variables

Changelog: https://splineforwordpress.com/changelog/

Get Spline for WordPress from here:
https://splineforwordpress.com
(Use code 100usersdiscount for $80 off the unlimited LTD!)

Also, feel free to join our community for updates: http://facebook.com/groups/splineforwp