Description
Demo | Documentation | Download Pro
Bring interactive 3D experiences directly to WordPress.
Arashtad 3D Annotation lets you display 3D models, animate them, and create interactive annotations that connect information directly to the model. Build everything from technical documentation and educational models to product showcases, architectural presentations, and interactive WooCommerce experiences.
Powered by Babylon.js, Arashtad 3D Annotation combines a high-performance real-time 3D engine with a WordPress-native workflow.
Built for performance. Designed for flexibility. Private by default.
- Fast, optimized runtime
- Unlimited 3D scenes
- Multiple model formats
- Interactive annotations
- Responsive and mobile-ready
- Gutenberg and shortcode support
- No telemetry
- No tracking
- No hidden requests
Free Version
The Free version provides a complete foundation for creating responsive and interactive 3D experiences in WordPress.
Core
- Optimized code for maximum speed
Annotations
Create and manage unlimited annotations directly on your 3D models.
- Create, edit, and delete unlimited annotations
- Custom annotation titles
- Custom annotation descriptions
- Unlimited 3D canvases on a page
Supported MIME Types
Load a wide range of popular 3D formats.
- GLB, GLTF, GLTF 1.0
- OBJ, STL, PLY, Compressed PLY
- SPLAT, SPZ, SOG,
.babylon
Model Sources
- WordPress Media Library
- Internal URLs, External URLs
- Multiple model sources
Loading
- Preloader, Loading progress bar, Lazy loading
Viewer
- Auto-rotate, Fullscreen, Autoplay
- Mouse rotation, Touch rotation, Pan, Zoom
- Responsive design, Mobile support
- Poster image, Model download
Insertion
- Gutenberg block, Shortcode
- Unlimited scenes per page
Editor
- Live editor preview, Dedicated settings panel
- Guided setup, Model file picker, Replacement, Removal
Camera
- Custom angle, positioning, alpha, beta, radius, target, FOV, minZ, maxZ
Lighting
- Light type, position, intensity
Canvas Styling
- Position, Z-index, Top, Left, Bottom, Right
- Transform, Margin, Padding
- Width, Max-width, Height, Max-height, Aspect-ratio
- Border, Border-radius, Overflow, Box-sizing, Box-shadow, Outline
Animation
- Model animation autoplay
Media
- Configurable allowed MIME types
Pro Version
Everything in Free, plus advanced 3D annotation and scene capabilities.
Arashtad 3D Annotation Pro expands the annotation system with advanced visual customization, rich annotation content, scene-level controls, environment support, advanced lighting, and WooCommerce integration.
Style Customization
- Annotation Points: Diameter, Diffuse color, Emissive color, Opacity
- Annotation Labels: Border, Border radius, Box shadow, Outline, Background/Text color
- Annotation Lines: Fill color, Thickness
- Annotation Cards: Padding, Border, Border radius, Background color, Blur behind, Filter, Box shadow, Outline, Text color
Annotation Card Features
- Video, Audio, Image content
- Custom HTML content
- Show cards on initialization or click
- Allow empty titles
Advanced Scene Control
- Custom CSS for canvas and objects
- Canvas background image
.env/.hdrenvironments- Custom environment settings (Intensity, Background Blur, Rotation Y)
Viewer
- Preloader customization
Advanced Lighting
- Multiple lights and light types
- Light color, Light intensity
Advanced Camera Control
- Zoom Speed (wheelPrecision)
- Zoom Delta Percentage
- Wheel Precision (X, Y, Z)
WooCommerce
- WooCommerce integration
- Product image / gallery to 3D model replacement
- Per-variation models
Built on Babylon.js
Arashtad 3D Annotation is powered by Babylon.js, providing a powerful real-time 3D foundation for WordPress.
Babylon.js handles the underlying 3D rendering and interaction capabilities while Arashtad 3D Annotation provides the WordPress integration, annotation system, scene configuration, and publishing workflow.
What You Can Build
- Interactive 3D documentation
- Product annotations and feature explanations
- Technical illustrations
- Educational models
- Architectural and industrial models
- Equipment documentation
- Interactive product showcases
- 3D presentations
- Interactive model guides
- Annotated 3D experiences
- Product configurators
- WooCommerce product experiences
Performance
Arashtad 3D Runtime is a high-performance 3D runtime developed by Arashtad and released under the MIT License.
Performance-oriented features include:
- Optimized runtime code
- Lazy loading
- Loading progress
- Responsive rendering
- Mobile support
- Multiple scenes per page
- Efficient real-time 3D rendering
Privacy First
- No telemetry
- No tracking
- No hidden requests
Your website, your content, and your visitors remain yours.
External services
This plugin bundles Babylon.js locally and does not intentionally load Babylon.js or user data from an external service.
The bundled Babylon.js KTX2 decoder contains built-in fallback URLs pointing to the Babylon.js CDN (cdn.babylonjs.com) for KTX2 transcoder WebAssembly resources. These resources are only requested by Babylon.js when KTX2 texture transcoding requires them. The plugin does not send user or personal data to this service.
Babylon.js: https://www.babylonjs.com/
Babylon.js source and license: https://github.com/BabylonJS/Babylon.js
Screenshots
Blocks
This plugin provides 1 block.
- Arashtad 3D Annotation
Installation
- Upload the
arashtad-3d-annotationfolder to the/wp-content/plugins/directory, or install the plugin directly through the WordPress Plugins screen. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Navigate to the Arashtad 3D Annotation settings panel to configure your default options.
- Create a new annotation scene and upload your first 3D model.
- Insert the scene into any page or post using the Gutenberg block or shortcode.
FAQ
-
Does this plugin require any external services?
-
The Community version runs entirely on your own server and does not connect to external services. It does not use telemetry or tracking.
The Pro version connects to the Arashtad API server only for license validation and plugin update requests. These requests transmit only license-related information. No website content, visitor data, or other site data is transmitted.
-
Where can I find the source code for the Arashtad 3D Runtime?
-
The Arashtad 3D Runtime included with this plugin is distributed under the MIT License. The complete human-readable source code is publicly available on GitHub:
https://github.com/arashtad/Arashtad-3D-Runtime
-
What 3D model formats are supported?
-
GLB, GLTF, GLTF 1.0, OBJ, STL, PLY, Compressed PLY, SPLAT, SPZ, SOG, and
.babylon. -
Can I use this with WooCommerce?
-
Yes. The Pro version includes WooCommerce integration with per-variation model replacement.
-
Is the Free version fully functional?
-
Yes. The Free version provides a complete foundation for creating responsive 3D experiences with unlimited annotations and scenes.
-
Does it work on mobile?
-
Yes. The viewer is fully responsive and supports touch rotation, pan, and zoom.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Arashtad 3D Annotation” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Arashtad 3D Annotation” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0.0
- Added Arashtad 3D Runtime v1.0.0.
- Added Arashtad 3D Runtime plugins v1.0.0.
- Refactored the plugin to use the Arashtad 3D Runtime and its plugin system.
- Migrated from direct Babylon.js usage to the Runtime-supported syntax.
- Restructured the plugin architecture to align with the Runtime plugin system.
1.0.0
- Initial release.