ExamplesA few examples that demonstrate what you can do with React Three Fiber Showcase -- selection, tiltshift -- border-radius -- bruno, simon, threejs-journey, fisheye -- lusion, n8ao -- ecctrl, character-controller -- effects, bloom, dof, reflections -- effects, dof, bananas -- configurator, t-shirt, soft-shadows -- caustics, effects, soft-shadows -- ssgi, rapier -- clouds -- motion-path, clouds -- caustics, effects, soft-shadows -- godrays, reflections -- portals -- portals -- portals -- video, cookies, caustics -- glass, transmission, bloom -- cards, image -- reflections, annotations -- scroll, controls -- physics -- html, annotations -- frosted, glass, transmission -- gltfjsx, effects, bloom, soft-shadows -- effects, reflections, ssr, bloom -- rapier, physics, soft-shadows -- scroll, refraction, lens -- effects, bloom, reflections -- effects, bloom -- custom, environments -- gltfjsx, configurator -- audio, analyser -- ground, reflections, video-texture -- bruno-simon, threejs-journey -- html, iframe -- splinetool, iframe -- refraction -- refraction, instanced -- ground-projected-env -- splinetool, transmission -- transmission, csg -- csg -- scroll, animation, effects, tiltshift -- physics, effects, n8ao -- html, input -- scroll -- scroll -- scroll -- effects, particles -- cross-fade, transitions -- transmission, portals, physics -- transmission, portals -- portals, blend Game prototypes Basic examples -- views, portals -- views, portals -- html, scrollEdit this pagePreviousYour first sceneNextCanvas