pmndrs/drei

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.

Star history