3D in Web
Assets
Models
- pmndrs market — free 3D models for React Three Fiber projects
- Kenney — free game assets, models, and textures
- Spase Models — 3D model library
Textures & Materials
- Poliigon — textures, models and HDRIs for 3D rendering
- 3D Textures — free seamless PBR textures (diffuse, normal, displacement, occlusion, roughness)
- Poly Haven — free HDRIs, textures and models
- ambientCG — free textures, HDRIs and models
- Matcaps library — huge library of matcap PNG textures organized by color
Fonts & Converters
- Facetype.js — convert fonts to JSON for use in Three.js
- HDRI to CubeMap — convert HDRI files to cubemap format
Tools & Libraries
- Poimandres docs — documentation hub for pmndrs ecosystem (R3F, Drei, Zustand, etc.)
- React Three Fiber examples — official R3F examples
- Drei — Text3D — 3D text component for React Three Fiber
- Three.js Resources — curated Three.js resources in one place
Inspiration & Examples
Product Configurators
- RUKU Chair Configurator — interactive 3D chair customizer
- Gaming Chair Configurator — WebGL chair configurator
E-commerce 3D Experiences
- Rains Backpack Mini — 3D product viewer
- GANT Sneakers — 3D product view
- NO NAME KRAZEE Runner — 3D sneaker viewer
- LØCI Vegan Sneakers — interactive 3D product
- Fibbl — 3D/AR for e-commerce platform
Showcases & Demos
- Beolab 50 — South North Studios — immersive product experience
- Neotix Lab — digital transformation experiments
- Device Showcase — Codrops — 3D device presentation
- Codrops Demos Hub — WebGL demos collection
CodeSandbox Examples
- Mixing HTML and WebGL — R3F tutorial
- pmndrs Journey — Three.js journey course
- Sandbox — ymb5d9
- Sandbox — yup2o
- Devices