awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
GoogleWebComponents avatar

GoogleWebComponents/model-viewer

0
View on GitHub↗
8,142 stars·935 forks·TypeScript·Apache-2.0·25 viewsmodelviewer.dev↗

Model Viewer

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element.

The project enables web-based augmented reality, allowing 3D assets to be projected into physical environments using a mobile device camera. It provides tools for augmented reality projection and experience creation by combining 3D models with camera tracking.

The component supports 3D product visualization and the integration of interactive graphics into webpages. It handles the processing of glTF assets and uses raycast interaction logic to allow users to manipulate and view models from different angles.

Features

  • Custom Element Wrappers - Encapsulates a complex 3D rendering pipeline within a custom HTML element for seamless web page integration.
  • A-Frame and three.js Renderers - Leverages the three.js library to manage scene graphs, lighting, and materials for 3D rendering.
  • Embedded 3D Viewers - Implements a specialized component for embedding and rendering 3D spatial data within web pages.
  • GLTF Renderers - Functions as a specialized graphics engine optimized for rendering glTF and GLB 3D asset formats.
  • Asset Pipelines - Provides a pipeline for processing and loading glTF geometry, textures, and animations into browser memory.
  • 3D Scene Renderers - Provides a hardware-accelerated pipeline for real-time interactive 3D scene visualization in the browser.
  • WebXR Integrations - Integrates with the WebXR API to project virtual objects onto real-world camera feeds.
  • Interactive WebGL Visualizers - Provides a high-performance WebGL-based tool for interactive 3D graphical visualization.
  • Custom Element 3D Integrations - Enables adding interactive 3D graphics to webpages using custom HTML elements without complex scripting.
  • Raycasting and Collision Selection - Uses raycasting to detect intersections between user pointers and 3D geometry for object manipulation.
  • Augmented Reality - Enables the projection of 3D models into physical environments using mobile device cameras.
  • Augmented Reality Frameworks - Offers tools to combine 3D models with camera tracking for immersive augmented reality experiences.
  • 3D Model Visualizers - Allows for the detailed inspection and visualization of 3D product models on e-commerce pages.
  • Standalone Components - Interactive 3D model rendering component.

Star history

Star history chart for googlewebcomponents/model-viewerStar history chart for googlewebcomponents/model-viewer

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Model Viewer

Similar open-source projects, ranked by how many features they share with Model Viewer.
  • google/model-viewergoogle avatar

    google/model-viewer

    8,127View on GitHub↗

    model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional assets and animations directly in a browser. It functions as a specialized GLTF web renderer designed to display GLTF and GLB files with settings optimized for performance and quality. The project includes a WebXR augmented reality player that projects 3D models into real-world environments using mobile device cameras and spatial tracking. It also features a visual regression testing tool capable of generating golden images and comparing renders to detect visual regressions in 3

    TypeScript
    View on GitHub↗8,127
  • aframevr/aframeaframevr avatar

    aframevr/aframe

    17,557View on GitHub↗

    A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences directly in the web browser. It utilizes an entity component system where generic objects are assigned behaviors through attachable components and lifecycle hooks. The framework allows the assembly of immersive environments using HTML-like markup to define geometries, lighting, and materials. It implements WebXR standards to ensure consistent playback across different hardware and browsers, including support for VR headsets, desktops, and mobile devices. The system covers a br

    JavaScript3daframeaugmented-reality
    View on GitHub↗17,557
  • playcanvas/engineplaycanvas avatar

    playcanvas/engine

    16,051View on GitHub↗

    This project is a WebGL 3D game engine and comprehensive suite of tools for rendering high-performance 3D graphics and interactive scenes in the browser using WebGL and WebGPU. It provides a dedicated WebXR framework for building augmented and virtual reality experiences that run directly in a web browser. The engine includes a specialized Gaussian splatting renderer for displaying 3D point-cloud data to create photorealistic environmental captures. It utilizes a glTF asset pipeline to load and stream compressed 3D models and textures for efficient asset delivery. The system covers real-time

    JavaScript
    View on GitHub↗16,051
  • f3d-app/f3df3d-app avatar

    f3d-app/f3d

    4,137View on GitHub↗

    f3d is a fast 3D model viewer and rendering engine designed for visualizing 3D meshes, CAD files, and point clouds. It operates across multiple deployment profiles, functioning as a lightweight desktop application, a scientific data visualizer for volumetric and scalar datasets, a headless rendering engine for automated image generation, and a WebAssembly-based renderer for web applications. The project distinguishes itself through specialized support for Gaussian Splatting scene reconstructions and the ability to visualize complex scientific formats such as VTK, NetCDF, and HDF. It features

    C++3d3d-graphics3d-viewer
    View on GitHub↗4,137
See all 30 alternatives to Model Viewer→

Frequently asked questions

What does googlewebcomponents/model-viewer do?

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element.

What are the main features of googlewebcomponents/model-viewer?

The main features of googlewebcomponents/model-viewer are: Custom Element Wrappers, A-Frame and three.js Renderers, Embedded 3D Viewers, GLTF Renderers, Asset Pipelines, 3D Scene Renderers, WebXR Integrations, Interactive WebGL Visualizers.

What are some open-source alternatives to googlewebcomponents/model-viewer?

Open-source alternatives to googlewebcomponents/model-viewer include: google/model-viewer — model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional… aframevr/aframe — A-Frame is a declarative 3D scene engine and WebXR framework used to build virtual and augmented reality experiences… playcanvas/engine — This project is a WebGL 3D game engine and comprehensive suite of tools for rendering high-performance 3D graphics and… f3d-app/f3d — f3d is a fast 3D model viewer and rendering engine designed for visualizing 3D meshes, CAD files, and point clouds. It… brunosimon/folio-2019 — This project is a creative coding showcase and interactive 3D portfolio template. It utilizes JavaScript and ThreeJS… jeromeetienne/ar.js — AR.js is a web-based augmented reality framework used to create immersive experiences directly in a browser using…