Contributors: anasakdev
Donate link: https://www.patreon.com/anasakdev/shop/support-156932?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=productshare_creator&utm_content=join_link
Tags: block, 3d model, spline, animations, Gutenberg block
Requires at least: 5.3+
Tested up to: 6.6 Stable tag: 1.0.0
Requires PHP: 7.1
License: GPL-2.0-or-later
License URI: [https://www.gnu.org/licenses/gpl-2.0.html]

Create Spline 3d scrolling animations with ease and wow your users.

Introducing a new WordPress Gutenberg plugin: AKDev Spline animation! Say goodbye to boring websites and hello to interactive 3D magic. With this plugin, you can easily add stunning 3D animations that respond to scrolling, giving your site a whole new dimension.

No need to be a tech whiz - our interface is super simple and intuitive. Just pick your favorite spline 3D models and watch them come to life as visitors scroll through your content.

Whether you're showcasing products, sharing your portfolio, or telling a story, 3D Scroll Effects adds that extra "wow" factor that'll keep your audience hooked.

Why settle for ordinary when you can turn your WordPress site into a captivating experience? Upgrade your website today with Spline animation and watch as your content comes to life!

• Creative Designer and Agencies.
• Trainer / Course Creators
• E-commerce sites that want to display their products in 3D.
• Web designer/developer

Demos

• Animation Interface: intuitive user interface to add 3d animations

• First, install the Spline animation Block plugin
• Add the Spline animation block from the block category called "Animations" in the Gutenberg editor.
• You can change block settings from the right-side settings sidebar.
• Enjoy!

• For installation help click on Installation Tab

• Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with me

1. Go to the WordPress Block/Gutenberg Editor
2. Search For AKDev Spline animation
3. Click on the Spline animation to add the block

1. Download the AKDev Spline animation Block plugin (.zip file)
2. In your admin area, go to the Plugins menu and click on Add New
3. Click on Upload Plugin and choose the Spline-animation-block.zip file and click on Install Now
4. Activate the plugin and Enjoy!

1. Download and upload the AKDev Spline animation Block plugin to the /wp-content/plugins/ directory
2. Activate the plugin through the Plugins menu in WordPress

Yes, AKDev Spline animation Block is a free Gutenberg block plugin.

This plugin is not affiliated with the official Spline website.

Yes, it will work with any standard block WordPress theme.

Yes, you can change block settings from the Gutenberg block editor's right sidebar.

Make sure any parent element of spline animation block does not have an overflow CSS property, as that messes with sticky position.

You can use it as many times as you want.

You can post your questions on the support forum here

1. Add spline animation block
2. Add your spline model url
3. Custom styles
4. Create your scroll animation
5. Insert options (id or class of the div/group for the scrolling animation)
6. Select animation item to edit
7. Animation block (select the model layer and apply the movements)

You can view and inspect this plugins full source code on github

This plugin uses the following scripts, and their respective terms and privacy policies are listed below:

1. GSAP (GreenSock Animation Platform)

   • Terms of Use: https://gsap.com/community/standard-license/
   • Privacy Policy: https://gsap.com/community/privacy-policy/

2. Cloudflare CDN (used by GSAP)

   • Terms of Use: https://www.cloudflare.com/en-gb/website-terms/
   • Privacy Policy: https://www.cloudflare.com/en-gb/privacypolicy/?utm_source=cdnjs&utm_medium=cdnjs_link&utm_campaign=cdnjs_about

3. Spline

   • License: https://github.com/splinetool/react-spline/blob/main/LICENSE
   • The following URLs originate from the Spline script:
     • https://www.gstatic.com/draco/versioned/decoders/1.5.2/
     • https://unpkg.com/@splinetool/navmesh-wasm@0.9.496/build
     • https://unpkg.com/@splinetool/runtime@0.9.496/build/
     • https://unpkg.com/@splinetool/modelling-wasm@0.9.496/build
     • https://unpkg.com/@splinetool/boolean-wasm@0.9.496/build

• Initial Release