3D Viewer Block – Bring Your Products to Life with Interactive 3D vs Material3d

Give visitors a product they can rotate, zoom, and explore – add interactive 3D models to any post or page straight from the Gutenberg editor. Live Demo Why 3D Viewer Block? Static images only show one angle. 3D Viewer Block adds a native Gutenberg block that lets you embed interactive 3D models in posts, pages, and widget areas – visitors can orbit, pan, and zoom with a mouse or touchscreen for an engaging, immersive viewing experience. Upload models in popular formats including GLB, GLTF, OBJ, and STL, then fine-tune the appearance with settings such as lighting, background color, and camera controls – all from the block editor’s sidebar. The intuitive block interface keeps it simple: insert the block, upload your model, adjust the settings, and publish. The viewer is optimized for mobile devices with full touch support, and it’s compatible with WooCommerce, so you can showcase 3D models of your products in a stunning, engaging way. Free Features Native Gutenberg Block: Add 3D models to posts, pages, and widget areas in a few clicks. Popular 3D Formats: Upload GLB, GLTF, OBJ, and STL model files. Mouse & Touch Controls: Orbit, pan, and zoom on desktop and mobile. Fully Responsive: Works great on any device and screen size. External Source: Load models from other cloud storage. Customizable Viewer: Adjust lighting, background color, and camera controls from the block sidebar. WooCommerce Compatible: Showcase 3D models of your products. How to Use Install and activate the 3D Viewer Block plugin. In the Gutenberg editor, add the 3D Viewer block from the “Widgets” block category. Upload your 3D model or use an external source. Adjust the block settings from the right-side settings sidebar. Publish – your interactive 3D model is live! Use Cases E-commerce Stores: Display products in 3D so shoppers can inspect every angle. Creative Designers & Agencies: Present design work interactively. Trainers & Course Creators: Embed 3D visuals in learning content. Web Designers & Developers: Add engaging 3D elements to client sites. Real Estate: Showcase properties and models interactively. Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts.

Material3d is a platform for users to easily create and run 3d scenes with VR (Virtual Reality) device support on web browsers. Powered by three.js and react.js, the editor provides a visualized and WYSIWYG way to construct 3d scenes with objects, lights, cameras, textures, materials, animations, force fields and user interactions (mouse click, screen touch, and so on). The scenes could be inserted and run on pages or posts as shortcode or javascript. With Material3d editor, users could build complicated 3d scenes, animations and interactions very fast. It’s very powerful and friendly for most common users even without any programming knowledge. It’s also very flexible for developers to customize and extend just by modifying a few javascript libraries. The common application occasions of Material3d include product demonstration, scientific simulation, virtual reality, 3d user interaction for companies, researchers, students or educational institutes, and so on. A lot of basic 3d objects, such as spheres, tubes, torus, lathes, extudes, texts, lines and particles, are provided. Construction of a scene and manipulation of 3d objects is easy, just by drag and drop with transform controls. By modifying parameters, 3d objects could be modified, moved, rotated or scaled precisely. Materials, with various settings including colors, textures, environment maps, reflection and so on, make the appearance of 3d objects more realistic. Animations, such as transformations, change of colors, could be applied to 3d objects. Force fields, such as Newton Force, Collision, provide another convient way to produce animations with physical simulation. Interactions, such as mouse move, click, VR handle button press, could be directly added to the scene to control animations, force fields and running of custom scripts. Base on its good extendibility, more and more objects, materials, animations and forcefields will be added into Material3d libraies to make it more and more powerful. External links and 3rd party services The plugin contains a few external links to https://material3d.net on “M3d scenes” and “Help/Support” pages. on the “M3d scenes” page, examples are listed linking to the gallery of https://material3d.net. on the “Help/Support” page, there are a few links of tutorials and documentation and a question form redirecting to https://material3d.net. The scenes created with the settings using Material3d.net libraries will import these libraries from https://material3d.net. All libraries on Material3d.net are free to use except for some customized libraries required by users. If you have any concern about personal data safety, please visit our Pravacy Policy: https://material3d.net/privacypolicy.html, or send email to support@material3d.net.