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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
pmndrs avatar

pmndrs/drei

0
View on GitHub↗
9,705 estrellas·816 forks·JavaScript·MIT·5 vistasdocs.pmnd.rs/drei↗

Drei

This project is a Three.js utility library and a collection of declarative React components designed for building 3D scenes. It provides a set of abstractions that wrap low-level primitives to manage lifecycles and memory disposal, serving as a geometry generator, a post-processing pipeline, and a scroll-driven animation tool.

The library is distinguished by its specialized camera control systems, which include unified abstractions for orbit and perspective views as well as real-time face tracking and landmark detection via webcam feeds. It also features interactive transform gizmos for object manipulation and a declarative effect pipeline for composing render passes and visual effects.

Broadly, the project covers spatial audio integration, 3D typography and curve generation, and reactive input mapping for keyboard actions. It includes various scene management utilities such as coordinate grids and billboarding effects, alongside image rendering tools that utilize custom shaders for scaling and clipping.

The library includes native-optimized components that exclude web-only dependencies for use in non-browser environments.

Features

  • Three.js Utility Libraries - Provides a comprehensive collection of React components that wrap Three.js primitives to manage lifecycles and memory disposal.
  • 3D Geometry Generators - Provides components that generate rounded boxes, lines, curves, and text meshes without low-level code.
  • Camera Orbit Controls - Provides interactive camera orbit controls supporting panning, zooming, and rotation via mouse and touch.
  • 3D Viewpoint Control - Manages 3D viewpoint navigation through orbit controls, gizmos, and real-time face tracking.
  • Camera Control Abstractions - Provides a unified React component interface that wraps various camera control implementations.
  • Camera Perspective Configurations - Implements orthographic camera configurations for parallel projection rendering.
  • Declarative Geometry Generators - Provides a system for creating 3D shapes via high-level component parameters instead of imperative vertex manipulation.
  • Post-Processing Pipelines - Provides a declarative pipeline for composing multiple render passes and visual effects.
  • Declarative Effect Pipelines - Provides a declarative hierarchy for composing multiple render passes into a single post-processing effect chain.
  • Object Manipulators - Provides interactive 3D gizmos for translating, rotating, and scaling objects within a scene.
  • Scroll Progress Mapping - Implements logic to translate scroll ranges into normalized progress values to drive complex 3D animations.
  • Scroll-Driven Animation Tools - Provides reactive hooks that bind HTML scroll positions to 3D scene properties and animations.
  • Facial Feature Tracking - Drives real-time camera movement and rotation based on detected facial landmark positions.
  • Blendshape Animations - Provides tools for animating facial blendshapes and eye movements using real-time face tracking data.
  • Blendshape Rendering - Renders facial blendshapes and performs eye tracking using provided blendshape data.
  • Landmark-Driven Mesh Rendering - Renders oriented face meshes based on facial keypoints with configurable dimensions.
  • Mesh Object Access - Provides programmatic access to face mesh, outer containers, and eye objects for orientation tracking.
  • Facial Landmark Detection - Provides real-time identification of facial key points from video feeds to drive 3D interactions.
  • Gaze Vector Calculations - Calculates world-space gaze vectors from eye meshes to influence camera and scene behavior.
  • 3D Mesh Primitives - Ships pre-configured buffer geometry and materials for common 3D shapes.
  • 3D Typography Generation - Generates 3D typography from JSON font data with customizable geometry and alignment.
  • Proximity-Based Volume Control - Implements audio sources that vary volume based on the distance between the 3D object and the camera.
  • Cubic Bezier Rendering - Implements 3D line rendering using cubic Bezier interpolation between control points.
  • Quadratic Bezier Rendering - Implements 3D line rendering using quadratic Bezier interpolation.
  • Billboard Constraints - Implements a mechanism that ensures 3D elements always rotate to face the camera regardless of position.
  • Camera Control Widgets - Provides 3D widgets to visualize and adjust camera orientation and position.
  • Custom Widget Frameworks - Offers a context hook for creating custom camera-control widgets beyond standard options.
  • Target-Based Object Orientation - Implements orientation logic that forces 3D objects to consistently face a specified target point during motion.
  • Cross-Platform 3D Components - Provides 3D helper components optimized for native environments by stripping web-specific dependencies.
  • Rounded Box Geometry - Generates 3D box buffer geometry with rounded corners using extrusion.
  • Line Geometry Renderers - Provides tools for rendering high-performance stylized line geometries and wireframes in 3D.
  • Render Targets - Captures camera output into render targets to be used as textures on other 3D objects.
  • Scene Rotation Utilities - Ships utilities for smooth, physics-based rotation and polar zooming of scene contents for presentations.
  • Shader-Based Image Rendering - Uses custom fragment shaders to render images that automatically scale to cover their container.
  • SDF - Implements signed distance fields to render sharp, antialiased text at any scale in 3D space.
  • Material Transparency Configurations - Implements alpha blending and transparency configurations for 3D image materials.
  • Path Animation Utilities - Enables 3D objects to be animated along Bezier and Catmull-Rom curves with configurable looping and damping.
  • Reactive Input Mapping - Maps physical keyboard keys to a reactive state for decoupled input handling in 3D environments.
  • Spatial Audio Integration - Links spatial audio sources to 3D objects so that panning and volume respond dynamically to camera distance.
  • Real-time Environment Capture - Renders the scene in real-time into six-sided cube maps to provide dynamic reflections for 3D materials.
  • Image Masking & Shaping - Provides utilities for clipping images into non-rectangular shapes, such as rounded-corner rectangles.
  • Transform Origin Controllers - Implements transform gizmos with offset pivot points for rotations and scaling relative to a custom origin.
  • Face-Driven Camera Motion - Implements real-time camera movement and rotation that follows a user's face detected via webcam.
  • Drag Direction Restrictions - Restricts the movement of 3D objects to a single axis during interactive drag operations.
  • Gizmo Frameworks - Provides a context hook framework for building custom 3D gizmo widgets with unique visuals and behavior.
  • Manipulation Gizmos - Ships interactive 3D widgets for translating, rotating, and scaling objects with axis locking and snap behavior.

Historial de estrellas

Gráfico del historial de estrellas de pmndrs/dreiGráfico del historial de estrellas de pmndrs/drei

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Preguntas frecuentes

¿Qué hace pmndrs/drei?

This project is a Three.js utility library and a collection of declarative React components designed for building 3D scenes. It provides a set of abstractions that wrap low-level primitives to manage lifecycles and memory disposal, serving as a geometry generator, a post-processing pipeline, and a scroll-driven animation tool.

¿Cuáles son las características principales de pmndrs/drei?

Las características principales de pmndrs/drei son: Three.js Utility Libraries, 3D Geometry Generators, Camera Orbit Controls, 3D Viewpoint Control, Camera Control Abstractions, Camera Perspective Configurations, Declarative Geometry Generators, Post-Processing Pipelines.

¿Qué alternativas de código abierto existen para pmndrs/drei?

Las alternativas de código abierto para pmndrs/drei incluyen: troisjs/trois — Trois is a declarative 3D scene manager and a Three.js component library for Vue 3. It acts as a reactive wrapper that… orillusion/orillusion — Orillusion is a WebGPU 3D rendering engine designed for high-fidelity scenes and visual effects in the browser. It… godotengine/godot-demo-projects — This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the… gfxfundamentals/webgl-fundamentals — webgl-fundamentals is a comprehensive educational resource and graphics tutorial for learning hardware-accelerated 2D… russellsamora/scrollama — Scrollama is a JavaScript library for scroll-driven storytelling that uses the browser's native IntersectionObserver… greensock/greensock-js — GreenSock-JS is a JavaScript animation library and framework designed for animating CSS properties, SVG attributes,…

Alternativas open-source a Drei

Proyectos open-source similares, clasificados según cuántas características comparten con Drei.
  • troisjs/troisAvatar de troisjs

    troisjs/trois

    4,500Ver en GitHub↗

    Trois is a declarative 3D scene manager and a Three.js component library for Vue 3. It acts as a reactive wrapper that maps Three.js scene graphs and materials to a Vue component tree, allowing for the creation of web-based 3D renderers using HTML-like templates. The project synchronizes a reactive component tree with a 3D scene graph through proxy-based state binding and reactive property mapping. It features a component-based scene graph that manages spatial transformations and object lifetimes, integrating a requestAnimationFrame loop with component lifecycle events. The library covers a

    TypeScript3dthree-jsthreejs
    Ver en GitHub↗4,500
  • orillusion/orillusionAvatar de Orillusion

    Orillusion/orillusion

    5,188Ver en GitHub↗

    Orillusion is a WebGPU 3D rendering engine designed for high-fidelity scenes and visual effects in the browser. It functions as a GPU compute framework for parallel mathematical operations and a physically-based rendering graphics pipeline for realistic materials and surfaces. The system also includes a web-based 3D animation toolkit for driving skeletal animations and interpolating vertex positions. The engine is distinguished by its use of an entity component system for scene logic and a macro-based shader generation system that creates multiple shader variants. It optimizes performance thr

    TypeScript3dgraphicshtml5
    Ver en GitHub↗5,188
  • godotengine/godot-demo-projectsAvatar de godotengine

    godotengine/godot-demo-projects

    8,250Ver en GitHub↗

    This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

    GDScript
    Ver en GitHub↗8,250
  • gfxfundamentals/webgl-fundamentalsAvatar de gfxfundamentals

    gfxfundamentals/webgl-fundamentals

    5,004Ver en GitHub↗

    webgl-fundamentals is a comprehensive educational resource and graphics tutorial for learning hardware-accelerated 2D and 3D rendering using the WebGL API. It serves as a structured 3D graphics curriculum and GPU programming reference, guiding users through the graphics pipeline from basic geometry to advanced rendering techniques. The project provides detailed guides on GLSL shader development, including the creation of vertex and fragment shaders. It specifically focuses on the implementation of real-time lighting models—such as directional, point, and spot lighting—and the application of s

    HTML3d3d-mathglsl
    Ver en GitHub↗5,004
  • Ver las 30 alternativas a Drei→