Title: Arashtad 3D Annotation Author: Arashtad Published: October 9, 2026 Last modified: October 9, 2026 --- Search plugins ![](https://ps.w.org/arashtad-3d-annotation/assets/banner-772x250.png?rev=3736078) ![](https://ps.w.org/arashtad-3d-annotation/assets/icon-256x256.png?rev=3736078) # Arashtad 3D Annotation By [Arashtad](https://profiles.wordpress.org/arashtad/) [Download](https://downloads.wordpress.org/plugin/arashtad-3d-annotation.2.0.0.zip) * [Details](https://wordpress.org/plugins/arashtad-3d-annotation/#description) * [Reviews](https://wordpress.org/plugins/arashtad-3d-annotation/#reviews) * [Installation](https://wordpress.org/plugins/arashtad-3d-annotation/#installation) * [Development](https://wordpress.org/plugins/arashtad-3d-annotation/#developers) [Support](https://wordpress.org/support/plugin/arashtad-3d-annotation/) ## Description **[Demo](https://demo.arashtad.com/categories/wordpress-development/wp/arashtad-3d-annotation/) | [Documentation](https://doc.arashtad.com/docs/arashtad-3d-annotation/) | [Download Pro](https://market.arashtad.com/product/arashtad-3d-annotation/)** 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` / `.hdr` environments * 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 [⌊WordPress plugin installation and activation⌉⌊WordPress plugin installation and activation⌉[ WordPress plugin installation and activation [⌊License activation screen⌉⌊License activation screen⌉[ License activation screen [⌊Creating a new annotation scene⌉⌊Creating a new annotation scene⌉[ Creating a new annotation scene [⌊Uploading a 3D model to the Media Library⌉⌊Uploading a 3D model to the Media Library⌉[ Uploading a 3D model to the Media Library [⌊Selecting a model from the Media Library⌉⌊Selecting a model from the Media Library⌉[ Selecting a model from the Media Library [⌊Annotation settings panel⌉⌊Annotation settings panel⌉[ Annotation settings panel [⌊Wrapper styling and customization options⌉⌊Wrapper styling and customization options⌉[ Wrapper styling and customization options [⌊Custom CSS editor⌉⌊Custom CSS editor⌉[ Custom CSS editor [⌊Environment and background settings⌉⌊Environment and background settings⌉[ Environment and background settings [⌊Camera configuration panel⌉⌊Camera configuration panel⌉[ Camera configuration panel [⌊Light settings panel⌉⌊Light settings panel⌉[ Light settings panel [⌊Creating and editing annotations⌉⌊Creating and editing annotations⌉[ Creating and editing annotations [⌊Inserting annotations via Gutenberg block⌉⌊Inserting annotations via Gutenberg block⌉[ Inserting annotations via Gutenberg block [⌊Plugin update process⌉⌊Plugin update process⌉[ Plugin update process ## Blocks This plugin provides 1 block. * Arashtad 3D Annotation ## Installation 1. Upload the `arashtad-3d-annotation` folder to the `/wp-content/plugins/` directory, or install the plugin directly through the WordPress Plugins screen. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Navigate to the Arashtad 3D Annotation settings panel to configure your default options. 4. Create a new annotation scene and upload your first 3D model. 5. 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 * [ Arashtad ](https://profiles.wordpress.org/arashtad/) [Translate “Arashtad 3D Annotation” into your language.](https://translate.wordpress.org/projects/wp-plugins/arashtad-3d-annotation) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/arashtad-3d-annotation/), check out the [SVN repository](https://plugins.svn.wordpress.org/arashtad-3d-annotation/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/arashtad-3d-annotation/) by [RSS](https://plugins.trac.wordpress.org/log/arashtad-3d-annotation/?limit=100&mode=stop_on_copy&format=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. ## Meta * Version **2.0.0** * Last updated **21 hours ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Tags * [3d](https://wordpress.org/plugins/tags/3d/)[annotation](https://wordpress.org/plugins/tags/annotation/) * [Advanced View](https://wordpress.org/plugins/arashtad-3d-annotation/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/arashtad-3d-annotation/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/arashtad-3d-annotation/reviews/) ## Contributors * [ Arashtad ](https://profiles.wordpress.org/arashtad/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/arashtad-3d-annotation/)