# Mattercraft Templates Library

Canonical: https://zap.works/templates/

Explore and try examples built with Mattercraft. Open any item in Mattercraft to start developing for free, without needing to sign up.

## Templates

- [Basic 3D Project](https://zap.works/templates/blank/): A basic 3D web project, perfect for quickly getting started with Mattercraft.
- [Physics for Realistic Simulations](https://zap.works/templates/physics-basic/): Realistic physics for AR/VR, including gravity, friction, and bounciness.
- [Physics Impulse](https://zap.works/templates/physics-impulse/): Physics simulations with impulse forces for dynamic movement effects.
- [AR Face Tracking – 3D Face Filter](https://zap.works/templates/facetracking-3dmodel/): Attach 2D and 3D content to the user's face. Includes animated states for seamless interaction.
- [AR Face Tracking – Face Paint Effect](https://zap.works/templates/facetracking-facepaint/): An interactive AR face paint effect that moves with facial expressions using a 3D face mesh.
- [AR Face Tracking with Video Recording](https://zap.works/templates/facetracking-videorecorder/): A face-tracking AR experience where users attach 3D elements and record or share videos.
- [AR World Tracking – Real-Scale Placement](https://zap.works/templates/worldtracking-realscale/): AR template that detects and anchors content to the real world environments at accurate scale.
- [AR World Tracking – Place 3D Models](https://zap.works/templates/worldtracking-3dmodel/): Attach 3D models to real-world surfaces, allowing users to view and interact with objects in their physical environment.
- [AR Instant World Tracking for 3D Models](https://zap.works/templates/instantworldtracking-3dmodel/): AR template that anchors content to a patch in front of the users real world environment.
- [AR Image Tracking for 3D Content](https://zap.works/templates/imagetracking/): Simple image-tracked AR template for posters or business cards with built-in animations and links.
- [VR Headset for Immersive Experiences](https://zap.works/templates/webxr-vr/): VR experiences for Quest and Magic Leap with controller and hand tracking.
- [AR/VR Passthrough for Headsets](https://zap.works/templates/webxr-vr-passthrough/): VR and MR experiences using passthrough mode to blend virtual and real-world environments.
- [AR/VR User Placement for Headsets](https://zap.works/templates/webxr-user-placement/): Interactive VR/MR scenes where users place and reposition objects with headsets or AR.
- [VR Hand Tracking for Object Interaction](https://zap.works/templates/webxr-vr-hand-grab/): VR hand tracking for realistic object interactions using WebXR and physics simulation.
- [VR Controller Grab & Drop](https://zap.works/templates/webxr-vr-controller-grab/): VR controller-based object interactions with WebXR-powered physics.
- [360° Image Viewer Template](https://zap.works/templates/image-360/): A 360° image experience users can explore by rotating their mobile device.
- [Location-based AR (VPS) for Real-World Anchoring](https://zap.works/templates/blank-immersal/): AR positioning with Immersal VPS, enabling accurate real-world content anchoring.

## Examples

- [Location-based AR (VPS) - MultiSet](https://zap.works/templates/multiset-basic-example/): AR positioning with MultiSet VPS, enabling accurate real-world content anchoring.
- [Reflector – Mirror-Like Reflections](https://zap.works/templates/custom-component-reflector/): A custom Reflector component for adding mirror-like reflections using Three.js.
- [Portal with PNG Masking](https://zap.works/templates/masking/): A portal effect using PNG masks for depth and parallax.
- [Shader Material Template](https://zap.works/templates/shader-simple/): Custom shader materials with independent left/right color controls for unique visual effects.
- [Katana Slash Effect](https://zap.works/templates/sword-swing-trail-effect/): A dynamic katana slash effect with synchronized trail animations.
- [Physics Animation](https://zap.works/templates/physics-animated/): Timeline-driven physics animations combined with rigidbody interactions.
- [Physics Constraints](https://zap.works/templates/physics-constraints/): Physics constraints like hinges, ball & socket, and distance locks for AR/VR projects.
- [Object Pooling for Optimized Physics](https://zap.works/templates/physics-object-pool/): Optimized physics object pooling for better memory and performance in AR/VR.
- [HTML UI – Interactive UI](https://zap.works/templates/html-ui/): Interactive HTML-based UI for AR scenes with buttons, animations, and splash screens.
- [GLTF Animation & Interaction](https://zap.works/templates/advanced-gltf/): Showcase of GLTF models, including animation, materials, and behaviors.
- [Text – 3D & 2D Typography](https://zap.works/templates/text-2d-3d/): Customizable 2D/3D text with extruded, billboarded, and textured styles.
- [AR Face Tracking – Particle Effects](https://zap.works/templates/facetracking-particles/): AR face filter with dynamic particle effects, face tracking, and interactive animations.
- [AR Image Tracking – Move Content to Screen](https://zap.works/templates/imagetracking-grabandgo/): Image tracked AR content that gets hidden when an image target is lost.
- [AR Face Tracking – Virtual Try-On for Ecommerce](https://zap.works/templates/product-try-on/): Virtual product try-ons for caps, with interactive designs and e-commerce integration.
- [AR Image Tracking Concert Flyer](https://zap.works/templates/imagetracking-concert-flyer/): An interactive image-tracked concert flyer with animations and website links.
- [AR/VR World Tracking – Floating Buttons](https://zap.works/templates/webxr-buttons/): Interactive floating AR buttons with animations, customizable text, and event handling.
- [Trigger Interactions](https://zap.works/templates/trigger-basic/): Trigger-based interactive 3D scenes with collision detection and state changes.
- [Raycaster Interaction](https://zap.works/templates/raycaster-basic/): Raycaster-based interactions for detecting object intersections.
