Arashtad 3D Annotation

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 / .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